JS包含哪幾部分
ES：一門語言，學習 ES學習的是語法
BOM:瀏覽器對象模型 用途：提供給ES一個接口來操作瀏覽器
DOM：文檔對象模型 用途：提供ES一個接口來操作文檔
BOM：瀏覽器對象模型 是操作瀏覽器的接口
BOM把瀏覽器的一切定義成了一個對象模型
Window:整個瀏覽器被定義成了一個對象模型
document：把文檔定義成了一個對象
Histroy：把歷史記錄定義成了一個對象
Screen:把顯示瀏覽器窗口的屏幕定義成了一個對象
location:把地址欄定義成一個對象
Navigator:把瀏覽器的簡
BOM用途：可以讓ES操作瀏覽器的一切
BOM目前沒有標準
DOM是什么 即文檔模型
DOM：文檔對象模型
用途：DOM就是為了操作文檔
在DOM眼里，整個文檔內(nèi)容都是對象
DOM把文檔的一切內(nèi)容都定義成了對象
DOM是w3c指定的一套標準
文檔是對象
元素是對象
文本是對象
屬性是對象
節(jié)點對象
Document對象
Document對象表示網(wǎng)頁文檔
Document對象是DOM的核心對象
Document對象是訪問文檔的入口
主要用途
獲取元素
創(chuàng)建新元素
刪除新元素
替換元素
獲取元素的方法
傳統(tǒng)方法
通過id獲取元素:
window.document.getElementByld()
通過class獲取元素:
document.getElementsByClassName('class')
element.getElementsByClassName('class')
通過css選擇器獲取元素: document.querySelector('selector')
通過css選擇器獲取元素:
document.querySelectorAll('selector')
element.querySelectorAll('selector')
H5新曾方法
特殊方法
console.log(document.limk)
console.log(document.links)
console.log(document.fon)
document.documentElement： 獲取?檔中的 <html> 元素
document.body： 獲取?檔中的 <body> 元素
document.head： 獲取?檔中的 <head> 元素
document.title： 獲取?檔中的 <title> 元素
document.links： 獲取?檔中的 <a> 元素
document.images: 獲取?檔中的 <img> 元素
在獲取完元素后，接下來我們要學習元素對象之間的關系，dom定義了兩套apl：
Node （節(jié)點API）：把DOM樹中的對象看成節(jié)點
定義把文檔中的一起對象看出是節(jié)點
查找節(jié)點的基本信息：節(jié)點名稱，節(jié)點類型，節(jié)點的值
查找節(jié)點之間的關系：父子，兄弟
操作節(jié)點：增加，刪除，改，查
三大基本屬性
Node.nodeType
表示節(jié)點類型，節(jié)點類型使用一個數(shù)字表示，分成了九種
1.元素節(jié)點--1
2.屬性節(jié)點--2
3.文本節(jié)點--3
4.注釋節(jié)點--8
5.文檔節(jié)點--9
節(jié)點定義
父節(jié)點：一個節(jié)點之上的直接節(jié)點
子節(jié)點：一個節(jié)點之下的直接節(jié)點
兄弟節(jié)點：具有相同父節(jié)點的節(jié)點
后代節(jié)點：一個節(jié)點之下的所有層級的節(jié)點
查找節(jié)點關系
Node.parentNode:返回當前節(jié)點的父節(jié)點對象
Node.childNodes：返回當前節(jié)點的子節(jié)點列表
Node.nextSibling：返回當前節(jié)點的下一個兄弟節(jié)點
Node.previousSibling：返回當前節(jié)點的上一個兄弟節(jié)點
Node.firstChild：返回當前節(jié)點的第一個子節(jié)點
Node.lastChild：返回當前節(jié)點的最后一個子節(jié)點
Node.nodeName
Node.nodeValue
