js DOM *** 作

js DOM *** 作,第1张

1)一共12个节点类型
2)dom *** 作就是对节点进行 *** 作
3)节点的类型的获取方法notetype
4)ie9以上及chrome safari firefox 会将换行符当成节点

(1)静态获取
(2)返回带有指定ID的元素
var box1=documentgetElementById('box');

(1)根据标签名获取
(2)得到的是个数组
var div1=documentgetElementsByTagName('div')[0];

(1)根据类名获取元素
(2)动态获取
(3)得到的是一个数组
var box=documentgetElementsByClassName('box')[0];

(1)返回符合要求第一个元素
(2)通过css选择器来获取指定标签
(3)静态获取

(1)返回所有匹配元素
(2)根据css选择器来获取所有标签
(3)得到的是一个数组

获取兄弟节点

获取下一个兄弟标签

获取上一个兄弟节点

获取上一个兄弟标签

获取最后一个子节点

获取最后一个子标签

获取所有非标签类型的子节点

获取所有子标签节点

获取父节点

增加节点
var div=documentcreateElement('div');

在父元素的末尾,插入节点
在添加元素前,需要将元素先创建好
divappendChild(div);

修改指定子节点

删除指定子节点
在删除前需要先获取到被删除元素
divremoveChild(box);

删除当前节点
需要先获取到被删除的节点
divremove();

(1)设置ID
divid='box';
(2)设置class
divclassName='box';
(3)设置style
divstylewidth='10px';
(4)设置路径
imgsrc='/';
(5)自定义属性

以上就是关于js DOM *** 作全部的内容,包括:js DOM *** 作、、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9552102.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存