在HTML5中的DOM操作

2021-08-20 10:53:19 字數 698 閱讀 3195

var box1=document.queryselector("");


//("")中可以包含標籤名、類名、後代選擇器、子代選擇器
注意：這種選擇方式，選到的都是符合條件的第乙個，一般可用於選擇id選擇器

var box1=document.queryselectorall("");


//("")中可以包含標籤名、類名、後代選擇器、子代選擇器
這種方式可以選擇所有符合條件的節點，返回值是乙個陣列

新增類

selector.classlist


.add("類名");
刪除類
selector.classlist


.remove("類名");
注意：如果不寫類名的話，刪除的是選中節點的所有類

切換類

selector.classlist


.toggle("類名");
包含類
selector.classlist.contains("類名");


//返回值是true或false
注意：如果是data-my-name這種形式的，則可以寫selector.dataset['myname']

關於HTML5有關DOM操作的學習

最近學習了 html5中有關 dom操作的部分，在這裡做些記錄。在傳統的 js開發中，查詢 dom 往往是開發人員遇到的第乙個頭疼的問題，原生的 js所提供的 dom 選擇方法並不多，僅僅侷限於通過 tag,name,id 等方式來查詢，這顯然是遠遠不夠的，如果想要進行更為精確的選擇不得不使用看起來...

HTML5一DOM相關的API

1.getelementsbyclassname 接受乙個引數，返回帶有指定類的所有元素的nodelist。傳入多個類名時，類名的先後順序不重要。2.classlist 每個元素都有乙個classlist屬性，它是domtokenlist的例項，以集合的形式表示元素的class屬性的值，它有如下方法...

HTML5新添的DOM方法介紹

h5中獲取元素的方法 1.queryselector 獲取符合選擇器的第乙個元素 2.queryselectorall 獲取符合選擇器的所有元素 h5中 類名的操作方法 var dom document.queryselector li nth child 2 dom.classlist.add a...