使用Javascript添加一个类
加载特定页面时,以下是使用Javascript添加一个类,javascript,html,css,Javascript,Html,Css,加载特定页面时,以下是元素的状态: <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&g
元素的状态:
<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>
但是我无法理解所需的
if
语句。如果您询问如何将类名添加到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'
}
}
var-liElements=document.getElementsByTagName(“li”);
对于(var i=0;i
编辑:添加代码以循环查看
li
元素…我不确定您想做什么
但要使用jquery添加类,可以使用以下方法:
$(selector).addClass(classname,function(index,oldclass))
您可以在此处阅读:
详细信息:我相信你会的。循环遍历所有
元素,并比较元素.style.left
和元素.style.top
。恐怕没有更容易的办法了it@JackManey:请查看编辑,并删除否决票。@xan-我将随时否决投票。“必要的if
声明”是什么意思?如果要向元素添加类,则向元素添加类。@JackManey:我还需要一个条件,即当发现特定的
元素具有属性left:0px;顶部:0px
仅对该
元素应用addClass
。我无法理解这种情况;如何检查内联样式。这不是一个jQuery问题。也许你应该把classList
的支持信息放在这里。别误会,我认为classList
很棒,我自己也经常使用它,但我知道如果我必须支持IE9/IE Mobile,我需要一个替代方案。
$(selector).addClass(classname,function(index,oldclass))
div.classList.add("anotherclass");