使用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) 
    } 
} 

演示：如果你使用jquery

http://codepen.io/anon/pen/aOOmOj

h1:empty { background: #ccc; display:none; } 

Answer 2

还与CSS空标签试试这个试试这个：

$('h1').each(function(){ 
     if($(this).is(':empty')){ 
     $(this).remove() 
     } 
    }); 

更多信息见http://api.jquery.com/is/和http://api.jquery.com/empty-selector/

Answer 3

：Fiddle

Answer 4

简单的解决方案使用javascript：

while (!document.getElementsByTagName('h1')[0].remove()) {} 

是的，我知道，只要没有更多h1左，环路由

TypeError: ... is undefined`. 

但是，嘿，它是简单。