Question

加载特定页面时，这些是<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的新手。我尝试添加点亮这个：

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

但我无法弄清楚所需的if声明。

Answer 1

如果您询问如何将类名添加到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元素的代码......

Answer 2

div.classList.add("anotherclass");

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

Answer 3

我不确定你想做什么。

但是要添加一个带有jquery的类，你可以使用它：

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

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

使用Javascript添加一个类

3 个答案: