zoukankan      html  css  js  c++  java
  • javascript 创建节点和新增节点

    createElement(tabName) 创建一个为tagName的新元素节点

    ANode.appendChild(BNode)把B节点追加至A节点的末尾

    insertBefore(ANode,BNode)把A节点插入到B节点之前

    Node.cloneNode(deep):deep为true则复制该节点以及该节点的所有子节点,为false则只复制该节点和其属性

    Node.removeChild(删除指定的子节点名称)

    Node.replaceChild(new_Node,old_Node):新的替换旧的

    例如:

    <script>
    onload=function(){
      var h1=document.createElement("H1");        //创建一个为H1的新元素节点
      var h2=document.createElement("H2")
      h1.innerHTML="诗和远方";     //传入值
      h2.innerHTML="美丽的地方";
      var body1=document.getElementsByTagName("body")[0];       //获得body标签对象
      body1.appendChild(h1);       //给body标签追加标签
      body1.insertBefore(h2,h1);       //将h2标签插入h1标签之前
      var a=h1.cloneNode(true);       //将h1标签的文本标签一同拷贝,用true,默认是false
      body1.appendChild(a)    
    }
    </script>

    <body>
    </body>

  • 相关阅读:
    Spring IOC
    C++ 内存模型
    C++ 多态
    Java 多态
    Java 自动装箱与自动拆箱
    C++ priority_queue
    多个页面使用到一些名称类的同一个接口,借助vuex实现
    element-ui自定义表单验证
    vue项目中导出excel文件
    数组对象根据某个属性进行排序
  • 原文地址:https://www.cnblogs.com/i1991/p/7161902.html
Copyright © 2011-2022 走看看