Question

的JavaScript

if ((valid1 && valid2 && valid3 && valid4 && valid5 && valid6 && valid7 && valid8)==1)
{
    // here i want to put image in my given ID.
    document.formElem.next1.disabled=false;
} else {
    document.formElem.next1.disabled=true;
}

HTML

 <li id="checkimg">Personal</li>

CSS

background:transparent url(../images/checked.png) no-repeat top left;

我希望上面的样式为我的id，id="checkimg"如果在javascript中如果条件为真，那么如果条件我必须放在那里的代码是什么？

Answer 1

试试这个

document.getElementById('checkimg').style.background = "transparent url(../images/checked.png) no-repeat top left";

Answer 2

$("#checking").css({'background':'transparent url(../images/checked.png) no-repeat top left'});

或

$("#checking").css({'background':'transparent url(../images/checked.png)', 'background-repeat': 'no-repeat', 'background-position': 'top left'});

Answer 3

嗨，如果您使用的是jQuery，那么

$("#checking").css({'background':'transparent url(../images/checked.png) no-repeat top left;'});

如果您使用的是javascript，请尝试：

if ((valid1 && valid2 && valid3 && valid4 && valid5 && valid6 && valid7 && valid8)==1)
{ 
     var obj = document.getElementById("checkimg");
    **EDIT**
     obj.style.background = "background:transparent url(../images/checked.png) no-repeat top left";

    document.formElem.next1.disabled=false;

}
    else
        document.formElem.next1.disabled=true;

编辑2： - 你也可以创建一个css类：

.bgimg{background:transparent url(../images/checked.png) no-repeat top left;}

并将属性添加到对象。

obj.setAttribute("class", "bgimg"); // inside your condition, remember u get the obj using getElementById

我希望通过使用javascript将样式发送到我的id =“check”

3 个答案: