• DOM节点对象之创建和插入节点示例


    示例:创建和插入节点。
      1、新建节点:createElement("节点名")
      2、新建文本节点:createTextNode("文本内容")
      3、将文本节点添加到新建节点中:appendChild(文本节点名)
      4、获取要插入节点的对象:getElementById("id名")
      5、将新建节点插入到目标节点对象中:insertChild(要插入节点名,目标节点位置)

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <script>
      function insertNode(){
        var elementnode = document.createElement("li");
        //var elementnode.setAttribute("id","text");
        var context = document.createTextNode("新建文本内容节点");
        elementnode.appendChild(context);
        var list = document.getElementById("list")
        list.insertBefore(elementnode,list.childNodes[2]);
      }
    </script>
    </head>

    <body>
      <!-- <button onClick="insertNode()">insert</button>-->
      <input type="button" value="insert" onClick="insertNode()">
      <ol id="list">
        <li>原列表一</li>
        <li>原列表二</li>
      </ol>
    </body>
    </html>

  • 相关阅读:
    实验一
    BZOJ 2564
    P4557 [JSOI2018]战争
    移动自动化-Mac-IOS-appium环境搭建
    Node安装mac版本
    删除N天前文件和空文件
    Python之jsonpath模块
    性能学习
    参数化
    查找测试用例
  • 原文地址:https://www.cnblogs.com/sunshine-boys/p/5929541.html
Copyright © 2020-2023  润新知