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

巴扎黑
發布: 2019-11-28 09:16:45
原創
9034 人瀏覽過

前面為大家介紹了一些關於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屬性

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

#簡介:  

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

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

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

簡介:  

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

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

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

【相關問答推薦】:

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

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

#

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板