正课:
-
什么是DOM
-
DOM Tree
-
查找
-
什么是DOM: Document Object Model
DOM: 专门操作网页内容的API标准——W3C
JS=ECMAScript3.1,5,6,7(核心语法)
DOM(专门负责操作网页内容)
BOM(专门负责操作浏览器窗口)
为什么: 为了统一所有浏览器操作网页内容的API
何时: 只要操作网页内容,都要用DOM API
包括: 5件事: 增删改查,事件绑定 -
DOM Tree:
什么是: 内存中存储所有网页内容的树形结构
为什么: 因为网页内容也是有层级关系的
如何: -
当浏览器得到一个.html页面要加载时,先在内存中创建一个唯一的树根节点对象: document
-
浏览器边读取网页内容,边在document下创建各级子节点对象
网页中一切内容(元素,属性,文本)都是DOM树上的节点对象
所有节点对象有三个共同的属性:
nodeType: 节点类型
值: 整数
9 document
1 element
2 attribute
3 text
何时: 辨别获得的节点对象的类型时
问题: 无法进一步识别元素的具体名称
nodeName: 节点名称
何时: 想进一步辨别元素的具体名称时
包括:
document #document
element 全大写标签名
attribute 属性名
text #text
nodeValue: 节点值——不用记
document null
element null
attribute 属性值
text 文本 -
查找:
-
不需要查找就可直接获得的节点: