这是一段模拟html标签的字符串'<p><b> </b>1<u>1<b>1 <i>2</i></b><i>2</i>2</u><i> </i></p>'，用js写出3种方法，找到并清除p标签内前面和后面的空格，中间的空格不需要去除

方法一：

var str = '<p><b>     </b>1<u>1<b>1 <i>2</i></b><i>2</i>2</u><i   </i></p>';
var regex = /(<p>)\s+|\s+(<\/p>)/g;
var newStr = str.replace(regex, '$1$2');
console.log(newStr);

方法二：

var str = '<p><b>     </b>1<u>1<b>1 <i>2</i></b><i>2</i>2</u><i>   </i></p>';
var startTag = str.indexOf('<p>') + 3;
var endTag = str.indexOf('</p>');
var newStr = str.slice(0, startTag) + str.slice(startTag, endTag).trim() + str.slice(endTag);
console.log(newStr);

方法三：

var str = '<p><b>     </b>1<u>1<b>1 <i>2</i></b><i>2</i>2</u><i>   </i></p>';
var startTag = str.indexOf('<p>') + 3;
var endTag = str.indexOf('</p>');
var content = str.slice(startTag, endTag);
var newContent = content.replace(/^\s+|\s+$/g, '');
var newStr = str.slice(0, startTag) + newContent + str.slice(endTag);
console.log(newStr);