我想要我的id＝“”的样式;checkimg”;通过使用javascript

i want a style to my id="checkimg" by using javascript

本文关键字：checkimg javascript 样式 id 我的 我想要      更新时间：2023-09-26

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"if在javascript中if condition为true，那么我必须在if condition中放入什么代码呢？

尝试这个

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

$("#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'});

hi如果您使用的是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
相关文章：