本頁面主要是js removeChild() 的用法,直接先上代碼了:
<!doctype html> <html> <head> <meta charset="utf-8" /> <title>純js removeChild() 方法</title> <script> function removeTags(tagName,tagClass){ var tagElements = document.getElementsByTagName( tagName ); for( var m = 0 ; m < tagElements.length ; m++ ){ if( tagElements[m].className == tagClass ){ tagElements[m].parentNode.removeChild( tagElements[m] ); } } } window.onload = function(){ removeTags("div","test"); } </script> </head> <body> 類名為test的div標簽被刪掉了。。。<br/><br/> <div class="test">這是div標簽,類名是“test”</div> <p class="test">這是p標簽,類名是“test”</p> <span class="test">這是span標簽,類名是“test”</span> <em class="test"><br/>這是em標簽,類名是“test”</em> </body> </html>
removeChild() 方法不能刪自己,只能通過父級元素刪除子級。例如:
tagElements[m].parentNode.removeChild( tagElements[m] )