1. DOM擴(kuò)展

1.1 選擇符API

l querySelector()

接收一個(gè)css選擇符，返回與該模式匹配的第一個(gè)元素

l querySelectorAll()

接收一個(gè)css選擇符，返回所有匹配的NodeList元素

1.2 HTML5

1.2.1 與類相關(guān)的擴(kuò)充

l getElementsByClassName()

接收一個(gè)參數(shù)，一個(gè)包含一或者多個(gè)類名的字符串，返回帶有指定類的所有元素的NodeList

l classList屬性，add(value),contains(value),remove(value),toggle(value)

classList獲取元素的所有類屬性，并通過對應(yīng)的方法操作對應(yīng)的類

1.2.2 焦點(diǎn)管理

document.activeElement屬性指向當(dāng)前文檔中獲得焦點(diǎn)的元素

document.hasFocus()判斷當(dāng)前文檔是否獲取了焦點(diǎn)

1.2.3 HTMLDocument變化

l readyState屬性：

loading:正在加載文檔

complete:已經(jīng)加載完文檔

l 兼容模式

標(biāo)準(zhǔn)模式：document.compatMode == “CSS1Compat”

混雜模式：document.compatMode == “BackCompat”

l head屬性

var head = document.head || document.getElementsByTagName(“head”)[0];

1.2.4 字符集屬性

document.charset 表示當(dāng)前文檔中使用的字符集

1.2.5 自定義屬性

HTML5可以為元素添加非標(biāo)準(zhǔn)屬性，但要添加前綴data-

?

獲取設(shè)置appId自定義屬性

var appId = div.dataset.appId;

div.dataset.appId = 23456;

?

?

1.2.6 插入標(biāo)記

l innerHtml：返回當(dāng)前元素所有子節(jié)點(diǎn)對應(yīng)的HTML標(biāo)記

l outerHtml：返回當(dāng)前元素以及對應(yīng)的所有子元素的HTML標(biāo)記

1.2.7 scrollIntoView

scrollIntoView()可以在所有的html元素上調(diào)用，通過滾動(dòng)瀏覽器窗口或者每個(gè)容器元素，調(diào)用元素就可以出現(xiàn)在視口中。

轉(zhuǎn)載于:https://www.cnblogs.com/SLchuck/p/4490976.html

總結(jié)

以上是生活随笔為你收集整理的11. javacript高级程序设计-DOM扩展的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。