本页面主要是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] )