content="
<p> 「喂！霍爾瑪，你有什么計劃了嗎？」</p>
<p> 明明是在小跑，卻幾乎跟不上比自己腿短、且還是行走狀態的少女，簡直不可思議。</p><p> 「…………不，完全沒有。」</p><p>「喂！霍爾瑪，你有什么計劃了嗎？」</p>
<p style="text-indent: 2em;"> xxx xxx</p>
"
如題
content欄位回傳內容為上方所示 可能出現<p>和<p style="xxx">
怎樣正則 或javascript去除content中每個p標簽的首尾空格，且保留p標簽中間空格
uj5u.com熱心網友回復：
var div = document.createElement('div');
div.innerHTML=`<p> 「喂！霍爾瑪，你有什么計劃了嗎？」</p>
<p> 明明是在小跑，卻幾乎跟不上比自己腿短、且還是行走狀態的少女，簡直不可思議。</p><p> 「…………不，完全沒有。」</p><p>「喂！霍爾瑪，你有什么計劃了嗎？」</p>
<p style="text-indent: 2em;"> xxx xxx</p>`;
var pList = div.getElementsByTagName('p');
console.log(pList[0].innerText);
uj5u.com熱心網友回復：
上面的加一個回圈和trim即可
var div = document.createElement('div');
div.innerHTML=`<p> 「喂！霍爾瑪，你有什么計劃了嗎？」</p>
<p> 明明是在小跑，卻幾乎跟不上比自己腿短、且還是行走狀態的少女，簡直不可思議。</p><p> 「…………不，完全沒有。」</p><p>「喂！霍爾瑪，你有什么計劃了嗎？」</p>
<p style="text-indent: 2em;"> xxx xxx</p>`;
var pList = div.getElementsByTagName('p');
for(var i=0,n=pList.length;i<n;i++){
console.log(pList[i].innerText.trim());
}
uj5u.com熱心網友回復：
提取每個<p>元素(getElementsByTagName)，然后用正則relpace一下for example
var tag;
var val;
for (tag in document.getElementsByTagName("p")) {
val = tag.innerHtml;
val = val.replace(/^\s+/, ''); //開頭的空格
val = val.replace(/\s+$/, ''); //結尾的空格
tag.innerHtml = val;
}
uj5u.com熱心網友回復：
val = val.replace(/^\s+/, ''); //開頭的空格
val = val.replace(/\s+$/, ''); //結尾的空格
這種寫法為啥不直接用trim
uj5u.com熱心網友回復：
這是告訴LZ還有另外一種做法，萬一需求改成只想去掉開頭的空格或者只想去掉末尾的空格呢？
所以多知道一種方法不是壞事。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/263604.html
標籤：JavaScript
上一篇：方法超時回傳