javascript - 使用 javascript 删除 HTML h1 空标签

Question

如何仅使用 JavaScript 删除 h1 空标记？

<h1>Hello Plunker!</h1>
<p>adadasdasdasdsaddasd</p>


<h1></h1>
<p>adadasdasdasdsaddasd</p>

<h1></h1>
<p>adadasdasdasdsaddasd</p>

<h1></h1>
<p>adadasdasdasdsaddasd</p>

Answer 1

你可以

var els = document.querySelectorAll('h1'), //find all h1
    el;
for (var i = 0; i < els.length; i++) {
    el = els[i];
    //if there is no first child 
    if (!el.firstChild) {
        //remove the node
        el.parentNode.removeChild(el)
    }
}

演示:Fiddle