js怎么把DIV的背景图片给取消

JavaScript034

js怎么把DIV的背景图片给取消,第1张

修改DIV的背景图,其实就是修改样式里的background。可以让background直接等于空就可以了。

下面是代码:

<body>

   <!--添加一个div,给它加上相应的背景图-->

   <div style="width:100px height:100px background:url(../1.png) border:1px solid #ccc" id="div"></div>  

</body>

<script>

var oDiv = document.getElementById('div') //获取这个div元素

oDiv.style.background = ''   //将它的背景设置为空,这样就没有背景图了

</script>

给那个li一个id document.getElementById("IDName");这样就可以获得那个li 设置li的style 中的backgroud-img为none。试试吧

如:<input id = "userName" name="userNsame" placeholder = "邮箱/手机号" type="text" tabindex="1" />

 <input name="password" placeholder = "请输入密码" type="password" tabindex="2" />

设置它的css样式:

#userName{

width: 200px

height: 30px

line-height: 30px

padding: 10px 10px 10px 53px

border: 1px solid #FFF

border-radius: 3px

color: #858585

font-size: 18px

background: url('../image/login/loginbg-new.jpg') no-repeat scroll 18px 0px #FFF

}

其中图片:loginbg-new.jpg:

name = "password" 的css样式和name是相同的。

我今天做页面时刚刚做的用户登录,界面和你的类似,希望对你有帮助。