0

当特定页面加载时，这些是<li>元素的状态：

<li class="li1 frame3" style="display: list-item; opacity: 0.3; left: 0px; top: 20px; z-index: 2;"></li>
<li class="li2 frame4" style="display: list-item; opacity: 0.3; left: 151px; top: 0px; z-index: 2;"></li>
<li class="li3 frame5" style="display: list-item; opacity: 0.3; left: 0px; top: 0px; z-index: 2;"></li>

在任何时候，只有一个 <li>拥有left: 0px; top: 0px. 我想使用javascript向具有此属性.dummy的元素添加一个类（例如，） 。<li>

我是 Javascript 的新手。我尝试添加 ign 这个：

$("li").addClass("dummy");

但我无法弄清楚所需的if陈述。

4

3 回答 3

2

如果您询问如何将类名添加到 DOM 元素，它是这样的：

var liElements = document.getElementsByTagName("li");
for (var i = 0; i < liElements.length; i++) {
  var liElement = liElements[i];
  if (liElement.style.top == "0px" && liElement.style.left == "0px") {
    liElement.className += " dummy"; //Add the class name. Notice that the property is not called 'class'
  }
}

编辑：添加了循环li元素的代码...

于 2013-01-27T10:26:34.737 回答
1 
div.classList.add("anotherclass");

详情：https ://developer.mozilla.org/en-US/docs/DOM/element.classList

于 2013-01-27T11:31:52.007 回答
-2

我不确定你想做什么。

但是要使用 jquery 添加一个类，您可以使用它：

$(selector).addClass(classname,function(index,oldclass))

你可以在这里阅读：http: //www.w3schools.com/jquery/html_addclass.asp

于 2013-01-27T10:29:00.610 回答