DOM

xiaoxiao2025-10-21  7

正课:

什么是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]
转载请注明原文地址: https://www.6miu.com/read-5038284.html

最新回复(0)