getElementsByClassName()如何使用？總結getElementsByClassName()實例用法

前面為大家介紹了一些關於HTML5新加入的選擇器，分別是querySelector()，querySelectorAll()和getElementsByClassName()。這三個都有自己獨特的功能，大家有需要的話可以看HTML5實戰與剖析中的相關內容。今天為大家介紹classList屬性。　　

classList屬性究竟是做什麼的，我們先撇下classList不管。我們考慮這麼一個問題，那就是我們如何將擁有多個類別名稱的元素中的其中一個類別名稱刪除呢?夢龍較勁腦汁兒終於想到一個實現的方法。

將擁有類別名稱li、meng和long，三個類別名稱中的類別名稱meng刪除。

程式碼如下

HTML代码
<p class="li meng long">梦龙小站</p>　　
JavaScript代码
//获取要删除类名meng的p
var

1. HTML5實戰與剖析之classList屬性

#簡介：　　

前面為大家介紹了一些有關HTML5新加入的選擇器，分別是querySelector()，querySelectorAll()和getElementsByClassName( )。這三個都有自己獨特的功能，大家有需要的話可以看Html5實戰與剖析中的相關內容。今天為大家介紹classList屬性。

2. HTML5實戰與剖析之CSS選擇器－getElementsByClassName()方法

簡介：　　

HTML5中的querySelector()方法和querySelectorAll()方法都在前幾篇中為大家介紹過了，不知道大家了解得怎麼樣了呢?

在這裡複習一下，querySelector()方法是傳回與傳遞的CSS選擇符相符的第一個元素;querySelectorAll()方法是傳回與傳遞的CSS選擇符相符的所有元素，是一個NodeList物件。

簡單的回顧之後，我來分享新一個方法－getElementsByClassName()方法。

【相關問答推薦】：

javascript - 如何取得getElementsByClassName()陣列的下標？

javascript - 為什麼下面這個程式碼不能把id換成class

以上是getElementsByClassName()如何使用？總結getElementsByClassName()實例用法的詳細內容。更多資訊請關注PHP中文網其他相關文章！