Dom中一些操作

最新推荐文章于 2022-11-01 19:27:18 发布

执着菜鸟一颗心

最新推荐文章于 2022-11-01 19:27:18 发布

阅读量83

点赞数

本文链接：https://blog.csdn.net/kbdmy/article/details/100064387

版权

上篇我们了解了什么是Dom，那么这次我们来说一下Dom一些简单的操作
增删改查:
我们可以使用document.getElementById()来获取属性的id并给它加入操作,那么我们看一下下面的代码:
查找节点

<body>   
 <p id="nep">你好</p> 
    <script>   
    var sum=document.getElementById("nep");   
    alert("你好呀");    
    </script>
    </body>

这段代码是使用document.getElementById()找到了HTML中名字为"nep"的元素，并且为它添加了一个点击事件,通过点击弹出通知框为“你好呀”。
或者是通过查找节点来获取<p>标签

 document.body.childNodes能找到body的子元素,并且我们可以使用下标选择p元素为它设置点击时间。
 NodeList(5) [ #text, p#nep, #text, script, #text ]  这是找出来的此时我们使用[]选择P标签就好了
 var sum=document.body.childNodes[1];

增加节点

var sum=document.createElement(div);
sum.innerHTML="我是被创建的";
此时我们通过createElement()方法创建了一个div的属性,并且为它改名为:"我是被创建的";

删除节点

通过:parentNode()方法删除节点。

执着菜鸟一颗心

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Dom中一些操作

上篇我们了解了什么是Dom，那么这次我们来说一下Dom一些简单的操作增删改查:我们可以使用document.getElementById()来获取属性的id并给它加入操作,那么我们看一下下面的代码:查找节点<body> <p id="nep">你好</p> <script> var sum=document.g...
复制链接

扫一扫