1. 程式人生 > >前端 理論--文檔對象模型

前端 理論--文檔對象模型

query html 通信 select 元素 組成 nod 加載 對象模型

@文檔對象模型規定了 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‘)

前端 理論--文檔對象模型