博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
DOM
阅读量:5124 次
发布时间:2019-06-13

本文共 692 字,大约阅读时间需要 2 分钟。

1、节点类型:

nodeType nodeValue nodeName
document 9
元素节点 1 null 标签名
文本节点 3 文本内容 #text

判断是否为文本节点的方法:

nodeType==3 nodeName=="#text"

2、查找节点
(1)通过ID ***
(2)通过name,主要用于表单元素
(3)通过标签名 ****
(4)通过class名 ---------
(5)特殊集合:document.forms获取form元素
(6)css选择器 ---------
A document.querySelector("css选择器") 获取第一个匹配元素
B document.querySelectorAll("css选择器") 获取所有的匹配元素

3、遍历节点

父节点 parentNode
子节点
childNodes firstChild lastChild
兄弟节点
previousSibling nextSibling

以上两处有兼容问题,解决方法动态删除换行符(判断是否为文本节点)

children 元素子节点

4、操作节点
(1)创建节点 :createElement()元素节点 createTextNode()文本节点
(2)添加节点:appendChild() insertBefore()
(3)删除节点:removeChild()
(4)替换节点:replaceChild()
(5)复制节点cloneNode()

转载于:https://www.cnblogs.com/mrluobiao/p/6732326.html

你可能感兴趣的文章
Python IO模型
查看>>
DataGridView的行的字体颜色变化
查看>>
Java再学习——关于ConcurrentHashMap
查看>>
如何处理Win10电脑黑屏后出现代码0xc0000225的错误?
查看>>
局域网内手机访问电脑网站注意几点
查看>>
[Serializable]的应用--注册码的生成,加密和验证
查看>>
Day19内容回顾
查看>>
第七次作业
查看>>
SpringBoot项目打包
查看>>
Linux操作系统 和 Windows操作系统 的区别
查看>>
《QQ欢乐斗地主》山寨版
查看>>
文件流的使用以及序列化和反序列化的方法使用
查看>>
Android-多线程AsyncTask
查看>>
第一个Spring冲刺周期团队进展报告
查看>>
红黑树 c++ 实现
查看>>
Android 获取网络链接类型
查看>>
linux中启动与终止lnmp的脚本
查看>>
gdb中信号的处理[转]
查看>>
LeetCode【709. 转换成小写字母】
查看>>
如何在Access2007中使用日期类型查询数据
查看>>