js创建节点、添加节点

最新推荐文章于 2023-05-24 22:39:16 发布

Feolu

最新推荐文章于 2023-05-24 22:39:16 发布

阅读量4.1k

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/qq_40937541/article/details/113854428

版权

js 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

创建节点：document.createElement("li")
在后面添加节点：node.appendChild(child) node父级 child 子级
在前面添加节点：node.insertBefore(child,指定元素) node父级 child 子级

 <body>
    <ul>
      <li>123</li>
    </ul>
    <script>
      var ul = document.querySelector("ul");
      // 1. 创建节点 元素节点
      // 2.添加节点 node.appendChild(child) node父级 child 子级  元素追加到最后面（即追加元素）
      var li = document.createElement("li");
      ul.appendChild(li);
      // 3. 在前面追加节点 node.insertBefore(child,指定元素)
      var lili = document.createElement("li");
      ul.insertBefore(lili, ul.children[0]); // 添加到第一个元素之前
    </script>
  </body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Feolu

关注关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
js创建节点、添加节点

创建节点：document.createElement("li")在后面添加节点：node.appendChild(child) node父级 child 子级在前面添加节点：node.insertBefore(child,指定元素) node父级 child 子级 <body> <ul> <li>123</li> </ul> <script> var ul = document.q
复制链接

扫一扫