Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Javascript添加一个类_Javascript_Html_Css - Fatal编程技术网

使用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");