32_JavaScript之节点、属性的增删改查

最新推荐文章于 2023-03-30 10:52:21 发布

不掉发的程序员tj

最新推荐文章于 2023-03-30 10:52:21 发布

阅读量454

点赞数

文章标签： js java javascript dom

本文链接：https://blog.csdn.net/weixin_44543513/article/details/107272559

版权

本文介绍了JavaScript中对DOM节点的创建、添加、插入、删除和克隆，以及如何进行节点属性的获取、修改、新增和删除。通过示例展示了使用appendChild、insertBefore、removeChild、cloneNode以及getAttribute、setAttribute、removeAttribute等方法的操作过程。

摘要由CSDN通过智能技术生成

一、节点增删改查

1.创建节点

<body>
    <div>
        <h1>我是标题</h1>
        <p>我是段落</p>
    </div>
    <script>
        let span = document.createElement("span");
    </script>
</body>

2.添加节点
注意：appendChild方法会将指定的元素添加到最后

<body>
    <div>
        <h1>我是标题</h1>
        <p>我是段落</p>
    </div>
    <script>
        let div = document.querySelector("div")
        let span = document.createElement("span");
        div.appendChild(span);
    </script>
</body>

控制台输出：
在这里插入图片描述

3.插入节点

<body>
    <div>
        <h1>我是标题

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

不掉发的程序员tj

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
32_JavaScript之节点、属性的增删改查

一、节点增删改查1.创建节点<body> <div> <h1>我是标题</h1> <p>我是段落</p> </div> <script> let span = document.createElement("span"); </script></body>2.添加节点注意：appendChild方法
复制链接

扫一扫