前端 理论--文档对象模型

Posted 2020-09-29 撞到南墙拆了继续走

@文档对象模型规定了 1. 浏览器应该去如何创建html页面的模型 2.JS如何访问或修改浏览器窗口中的WEB页面的内容

@当浏览器加载 web页面时，会在内存中创建页面的模型。

@人们把DOM称为API。用户界面是人和程序之间交互的媒介；而API则是程序之间（以及脚本）的通信接口。

@DOM树：他被保存在浏览器的内存中。4类主要节点组成：

　　1.文档节点（document）

　　2.元素节点（html/body/div/h1.....）

　　3.属性节点（css）

　　4.文本节点（）

var itemOne = getElementById(‘one‘) 这个变量存储了DOM树中一个对象的引用（它保存了这个节点的位置）

 

@当一个DOM 方法可以返回多个元素时，它会返回一个NodeList(即使只找到一个匹配的元素)  NodeList 是一组元素节点的集合。

 

1.getElementById(‘id‘)

2.querySelector(‘li.class‘)

3.getElementsByClassName(‘class‘)

4.getElementsByTagName(‘li‘)

5.querySelectorAll(‘li.class‘)