純js刪除某一指定類的標簽


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



免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM