2013-04-18 5 views
-3

Я пытаюсь дать (через javascript) все теги li на моей странице html класса. Каков наилучший способ сделать это?Как добавить класс во все теги li с помощью javascript

+1

Где ваш код? Что вы пробовали? – VisioN

+0

использовать атрибут java script 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'); 
} 
Смежные вопросы