2013-04-18 69 views
-3

我試圖給(通過javascript)我的html頁面上的所有li標籤一個類。做這個的最好方式是什麼?如何用javascript添加一個類到所有的li標籤

+1

哪裏是你的代碼?你有什麼嘗試? – VisioN

+0

使用java腳本的setAttribute()方法添加類屬性。 –

+0

你可以使用jquery來做到這一點。除非出於某種原因,否則你想堅持純JavaScript。 http://api.jquery.com/addClass/ – aph107

回答

4

的Javascript

var elm = document.getElementsByTagName('li') 
var length = elm.length; 
for (var i = 0; i < length; i++) { 
    elm[i].className = elm[i].className + " classname"; 
} 

http://jsfiddle.net/Pwf4z/

jQuery的

$("li").addClass("classname"); 
+8

請不要餵養[幫助吸血鬼](http://slash7.com/2006/12/22/vampires/) – Bojangles

+0

這個答案不僅適用於TS也適用於具有相同問題並且可以使用搜索功能的人員。 –

+0

也許'elm [i] .className = elm [i] .className +「classname」'會更好,萬一'li'已經有了類 – Andy

0
var list = document.getElementsByTagName('li'); 
var listNum = list.length 
for(var i=0; i<listNum; i++){ 
list.setAttribute('class', 'className'); 
} 
相關問題