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