DOM的方法（操作）

最新推荐文章于 2024-01-14 21:05:35 发布

原创最新推荐文章于 2024-01-14 21:05:35 发布 · 2.7k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#DOM #前端 #JavaScript

本文详细介绍了DOM的增删查操作，包括createElement、removeChild方法及多种查询元素的方式，如getElementById、getElementsByClassName等。同时，解析了DOM节点的分类及其nodeType属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

好好学习，天天向上。Are you ready?

DOM的增、删、查：
1、增---------createElement
var oDiv = document.createElement(‘div’);
document.body.appendChild(oDiv);//只有追加后，页面上才会出现
2、删---------removeChild
语法:fatherObj.removeChild(childrenObj)
参数解释：
a、fatherObj:要删除子元素的元素对象
b、childrenObj:要被删除的子元素对象
3、查---------六种
document.getElementById(’’);常用
document.getElementsByClassName(’’);(ie9+)常用
document.getElementsByTagName(’’);常用
document.getElementsByName(’’);不常用
document.querySelector(选择器)(IE8+)(IE8+)
根据选择器返回匹配到的第一个元素
document.querySelectorAll(选择器);(IE8+)常用
根据选择器返回匹配到的所有的元素