使用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`. 

但是，嘿，它是簡單。