DOM的方法(操作)

版权声明:文章为原创作品,转载请注明出处 https://blog.csdn.net/weixin_43654258/article/details/86633875

好好学习 ,天天向上。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+)常用
根据选择器返回匹配到的所有的元素

Dom节点的分类:
childNodes:获取所有节点 包括文本节点
节点分为3种类型:
1、元素节点
2、文本节点 xxx
3、属性节点
可以通过nodeType这个属性查看节点的类型
nodeType == 1 元素
nodeType == 2 属性
nodeType == 3 文本节点

猜你喜欢

转载自blog.csdn.net/weixin_43654258/article/details/86633875