的Javascript改变类元素

Question

我有ul名单，我需要改变类<li>的一个标签的使用javascript：

<ul> 
    <li>...</li> 
    <li class="something"> <- need to change this class to "myclass" (javascript goes here)</li> 
    <li>..</li> 
</ul> 

谢谢。

Answer 1

使用jQuery（自然）：

$(function(){ 
    $("li.something").removeClass("something").addClass("myclass"); 
}); 

Answer 2

使用jQuery：

$('ul li:nth-child(2)').attr('class', 'myclass'); 

Answer 3

使用常规的JavaScript：

var listitems = document.getElementsByTagName("li"); 
for (int i = 0; i < listitems.length; i++) 
{ 
    if (listitems[i].className == "something") 
    { 
     listitems[i].className = "new class name"; 
     break; 
    } 
} 

如果您<li>标签有一个id属性，这将是更容易，你可以做

document.getElementById("liID").className = "newclassname"; 

Answer 4

由于似乎有很多jQuery的答案，并不总是可以使用jQuery（例如，如果你的客户/公司不会让你使用它），这里是一个普通的javascript例子。

// Where 'e' is the element in question, I'd advise using document.getElementById 
// Unless this isn't possible. 

// to remove 
if (e.className.match(/something/)) { 
    e.className = e.className.replace("something", "") 
} 

// to add back in 
if (!e.className.match(/something/)) { 
    e.className += " something" 
} 

这将多个类的工作，例如：

<li class="something another">...</li>