没有标签的html文本

Question

How can i remove html text without tag ? Remove :

 <div> ***remove*** <p>A car is a wheeled, self-powered motor vehicle used for transportation.</p> ***remove*** <p>A car is a wheeled, self-powered motor vehicle used for transportation.</p> ***remove*** <p>A car is a wheeled, self-powered motor vehicle used for transportation.</p> </div> 

Answer 1

Element nodes are of nodeType 1, so you can iterate through all childNodes and .remove() those which do not have a .nodeType of 1 , ensuring that only elements are preserved:

 const div = document.querySelector('div'); [...div.childNodes].forEach((node) => { if (node.nodeType !== 1) { node.remove(); } }); 

 <div> ***remove*** <p>A car is a wheeled, self-powered motor vehicle used for transportation.</p> ***remove*** <p>A car is a wheeled, self-powered motor vehicle used for transportation.</p> ***remove*** <p>A car is a wheeled, self-powered motor vehicle used for transportation.</p> </div> 

Less elegant, but you can also create an array of the .children to get all element children, then clear the container and append all the element children again:

 const div = document.querySelector('div'); const children = [...div.children]; div.textContent = ''; children.forEach(child => div.appendChild(child)); 

 <div> ***remove*** <p>A car is a wheeled, self-powered motor vehicle used for transportation.</p> ***remove*** <p>A car is a wheeled, self-powered motor vehicle used for transportation.</p> ***remove*** <p>A car is a wheeled, self-powered motor vehicle used for transportation.</p> </div> 

Answer 2

This is just a simple solution just for your case.

var content = $("div").find("p");
$("div").empty().append(content);