節(jié)點(diǎn)

html里有大致有三類節(jié)點(diǎn)
分別為元素節(jié)點(diǎn) 文本節(jié)點(diǎn) 和屬性節(jié)點(diǎn)
元素節(jié)點(diǎn)可以理解為html里大大小小的標(biāo)簽 也叫標(biāo)簽節(jié)點(diǎn)
文本節(jié)點(diǎn)是在html里的文本空格等
屬性節(jié)點(diǎn)是標(biāo)簽里內(nèi)鏈的樣式 屬性

如：class id title name 等

查找/獲取元素節(jié)點(diǎn)的方法

getElementById() 獲取特定ID元素的節(jié)點(diǎn)
getElementsByClassName() 獲取特定class元素的節(jié)點(diǎn)
getElementsByTagName() 獲取相同元素的節(jié)點(diǎn)列表
getElementsByName() 獲取相同名稱的節(jié)點(diǎn)列表
getAttribute() 獲取特定元素節(jié)點(diǎn)屬性的值
setAttribute() 設(shè)置特定元素節(jié)點(diǎn)屬性的值
removeAttribute() 移除特定元素節(jié)點(diǎn)屬性
querySelector() 返回與該模式匹配的第一個元素，如果沒有則返回null
querySelectorAll() 返回所有的元素NodeList，類似一組元素的快照, 而非不斷對文檔進(jìn)行搜索的動態(tài)查詢

注：querySelectorAll()方法 可能會返回一個偽數(shù)組，偽數(shù)組只有數(shù)組的length屬性

styleName

為要設(shè)置的樣式名稱/給標(biāo)簽添加style屬性

className

給標(biāo)簽添加一個class屬性

innerHTML

返回元素開始和結(jié)束標(biāo)簽之間的 HTML/可以理解為js與html的交互

innerText

返回元素里面的所有文本/設(shè)置元素里面的文本設(shè)置為text

區(qū)別：

1、innerHTML:
也就是從ele的起始位置到終止位置的全部內(nèi)容,包括Html標(biāo)簽。
2、innerText:
從起始位置到終止位置的內(nèi)容, 但它去除Html標(biāo)簽