zoukankan      html  css  js  c++  java
  • 删除节点removeChild()

    删除节点removeChild()
    removeChild() 方法从子节点列表中删除某个节点。如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL。

    语法:

    nodeObject.removeChild(node)
    参数:

    node :必需,指定需要删除的节点。

    注意: 把删除的子节点赋值给 x,这个子节点不在DOM树中,但是还存在内存中,可通过 x 操作。

    如果要完全删除对象,给 x 赋 null 值。

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
    </head>
    
    <body>
    <div id="content">
      <h1>html</h1>
      <h1>php</h1>
      <h1>javascript</h1>
      <h1>jquery</h1>
      <h1>java</h1>
    </div>
    <script type="text/javascript">
    //一次性删除所有子节点
    function clearText() {
      var content=document.getElementById("content");
      for(var i=0;i<content.childNodes.length;i++){
          var node = content.childNodes[i];
          content.removeChild(node);
      }
    }
    </script>
    <button onclick="clearText()">清除节点内容</button>
    </body>
    </html>
  • 相关阅读:
    MVC身份验证及权限管理
    EasyPR--开发详解
    ASP.NET 安全认证
    将Excel导入到数据中
    ExtJS 4 树
    ExtJS 4 表单
    ExtJS 4 Grids 详解
    ExtJS 4 类系统
    第4章 类型基础 -- 4.1 所有类型都从System.Object派生
    随滚动条浮动的链接块层
  • 原文地址:https://www.cnblogs.com/sunxirui00/p/7504021.html
Copyright © 2011-2022 走看看