• 技术文章 >web前端 >js教程

    JS删除DOM对象节点方法总结

    php中世界最好的语言php中世界最好的语言2018-06-11 14:29:45原创1134
    这次给大家带来JS删除DOM对象节点方法总结,JS删除DOM对象节点的注意事项有哪些,下面就是实战案例,一起来看一下。

    一 介绍

    删除节点通过使用removeChild()方法来实现。

    removeChild()方法用来删除一个子节点。

    obj. removeChild(oldChild)oldChild:表示需要删除的节点。

    二 应用

    删除节点,本示例将通过DOM对象的removeChild()方法,动态删除页面中所选中的文本。

    三 代码

    <!DOCTYPE html>
    <html>
    <head>
    <title>w删除节点</title>
    <script language="javascript">
    <!--
    function delNode()
    {
    var deleteN=document.getElementById('di');
    if(deleteN.hasChildNodes())
    {
      deleteN.removeChild(deleteN.lastChild);
    }
    }
    -->
    </script>
    </head>
    <body>
    <h1>删除节点</h1>
    <p id="di">
    <p>第一行文本</p>
    <p>第二行文本</p>
    <p>第三行文本</p>
    </p>
    <form>
    <input type="button" value="删除" onclick="delNode();"/>
    </form>
    </body>
    </html>

    相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

    推荐阅读:

    Vue+Sortable项目实战代码

    vue+mint-ui在项目中如何使用

    以上就是JS删除DOM对象节点方法总结的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:JS DOM 删除节点
    上一篇:JS访问DOM对象节点方法总结 下一篇:JS插入DOM对象节点方法总结
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 聊聊Angular Route中怎么提前获取数据• 简单了解JavaScript事件的冒泡、委派、绑定和传播• node.js gm是什么• 详细介绍JavaScript中Promise的基本概念及使用方法• webpack是基于node.js的吗
    1/1

    PHP中文网