刪除所有標簽並創建一個包裝內部html javascript的新元素

Question

我對javascript完全陌生，我不知道這是解決一個非常簡單的問題的最佳方法。

我必須刪除html頁面的所有<p>標記，並將所有內容放入唯一的<p>標記內。

哪個是最干凈的解決方案？

文本：

<p> text1 </p>
<p> text2 </p>
....
<p> text n </p>

預期結果：

<p>
text1,text2 ... text n
</p>

我從這個開始，但是我不知道如何繼續：

var p = document.getElementsByTagName('body')[0]
                .getElementsByTagName('p'); //get all the p inside body 
var i;

Answer 1

提取所有p的textContent ，從文檔中刪除所有現有的p ，然后創建一個新的p其textContent是其他p ，如果需要，可以使用分隔符將其連接：

 const ps = [...document.querySelectorAll('p')]; const newText = ps .map(({ textContent }) => textContent) .join(','); ps.forEach(p => p.remove()); document.body.appendChild(document.createElement('p')).textContent = newText; 

 <p> text1 </p> <p> text2 </p> <p> text n </p> 

Answer 2

您可以使用以下類似代碼來滿足您的要求。

org_html = document.getElementById("slidesContainer").innerHTML;
new_html = "<div id='slidesInner'>" + org_html + "</div>";
document.getElementById("slidesContainer").innerHTML = new_html;