当前位置 博文首页 > cai niaoyihao_的博客:一篇文带你了解文档对象模型DOM(Documen
cai niaoyihao_的博客:一篇文带你了解文档对象模型DOM(Documen
作者:[db:作者]
时间:2021-07-05 09:49
目录
- 内容介绍
- 一、DOM概念
- 二、获取节点:
- 1、document:htmlcollection
- ① getElementById
- ② getElementsByIdName
- ③ getElementsByTagName
- ④ document.querySelector()
- ⑤ document.querySelectorAll();nodelist
- 2、 节点指针:
- ① firstChild
- ② lastChild
- ③ childNodes
- ④ previousSibling
- ⑤ nextSibling
- ⑥ parentNode
- 三、节点操作
- 1、创建节点
- ① createElement
- ② createAttribute
- ③ createTextNode
- 2、插入节点
- ① appendChild
- ② insertBefore
- 3、替换节点
-
- 4、复制节点
-
- 5、删除节点
-
- 四、属性操作
- 1、获取属性
- ① getAttribute
- ② setAttribute
- 五、文本操作
- 六、节点
- 1、类型
- 2、节点树
- 3、属性
- ① node.nodeType:
- ② node.nodeName
- ③ node.nodeValue
- ④ node.nodeContent
- 4、节点操作
-
- 七、其他
- 1、innerHTML与innerText
- 2、innerHTML与outHTML
- 3、appendChild()与innerHTML的区别
cs