h5DOM擴充套件

2022-05-02 07:39:11 字數 608 閱讀 4808

queryselector(選擇器);     queryselectorall(選擇器)

新增:ele.classlist.add(類名)

移除:ele.classlist.remove(類名)

切換:ele.classlist.toggle(類名)

是否存在:ele.classlist.contains(類名)

classlist描述當前元素,是乙個維陣列,裡邊存放了當前元素的類名

h5規定自定義屬性必須以「data-」開頭,才認為是自定義屬性規範

ele.dataset:獲取所有

ele.dataset-name:獲取單個(遵循駝峰命名法data-user-name  → dataset.username去獲取;不遵循大小寫data-username → dataset.username獲取)

ele.dataset.age = 10:設定自定義屬性

delete ele.dataset.age:刪除自定義屬性

開啟:requestfullscreen()

取消:cancelfullscreen(), 呼叫的是document

檢測是否全屏:isfullscreen(),由於相容問題瀏覽器需要加字首

DOM擴充套件

1選擇符 queryselector 返回第乙個匹配的元素 queryselectorall 返回所有匹配的元素 html5 getelementbyclassname 引數為乙個或多個類名,引數不重要,返回是乙個nodelist 集合 classlist add 加入字串 contains 列表中...

DOM擴充套件

1.selector api level1 ie8 queryselector body mydiv selected 取類為此的第乙個元素 queryselectorall 返回乙個nodelist例項,返回的值實際上是帶有所有屬性和方法的nodelist,底層類似於一組元素快照,而非對文件進行搜...

DOM及其擴充套件

元素物件的標準特性 1 obj.id 2.obj.classname 3.obj.title 4.obj.lang 元素內容的語言 5.obj.dir ltr 或rtl 自定義特性 加 data 字首 特殊的特性 style onclick 取得特性 getattribute setattribut...