正课:
什么是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 文本
查找:
不需要查找就可直接获得的节点:
document.documentElement document.head document.body document.forms[id/i]