• 纯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] )


  • 相关阅读:
    会议总结
    排球比赛积分规则
    我的计算机历程和认识
    排球积分程序
    《如何成为一个高手》观后感
    十八周总结
    十六周总结(流程)
    排球计分程序
    十四周学习总结
    十三周学习总结
  • 原文地址:https://www.cnblogs.com/guaiyutou/p/4344196.html
Copyright © 2020-2023  润新知