1. 什么是DOM?
DOM: Document Object Model,全称文档对象模型,简称DOM模型, DOM树。它是JS操作网页(HTML文档)的接口API(函数,方法),它的作用是将网页上各种元素(标签)转为相应的JS对象,从而可以使用JS对象对网页进行各种操作(比如增删内容)。
浏览器会根据DOM模型,将HTML文档解析成一系列的节点,再由这些节点组成一个树状结构。所以DOM模型也称为DOM树。
2. 什么是节点?常用的节点类型有哪些?
DOM的最小组成单位叫做节点(node),文档的树形结构(DOM树)由12种类型的节点组成。
节点至少拥有nodeType(节点类型)、nodeName(节点名称)和nodeValue(节点值)这三个基本属性。节点类型不同,这三个属性的值也不相同。
常用的节点包括:文本节点,元素节点,属性节点,其他的节点类型了解。
3. DOM中的API?(重点)
获取/查询DOM:
修改DOM:
删除DOM:btn.οnclick=''/btn.οnclick=null
添加/插入DOM:btn.οnclick=function(){
console.log("ddd");
}
移除事件函数:btn.removeEventListener("click",fff)
控制元素内容:
控制元素属性:
控制元素样式属性: