本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。
javascript改变背景的方法:首先获取元素对象;然后使用style对象的background属性来改变背景,语法“元素对象.style.background="颜色值|图片地址"”。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <!DOCTYPE html>
<html>
<head>
<meta charset= "UTF-8" >
<title>document</title>
<script type= "text/javascript" >
function bs(v) {
kuang.style.background=v;
}
</script>
</head>
<body>
<p>请选择颜色:</p>
<select id= "test" name= "xuanzekuang" onchange= "bs(this.value)" >
<option value= "red" >红</option>
<option value= "green" >绿</option>
<option value= "blue" >蓝</option>
<option value= "black" >黑</option>
</select>
<div id= "kuang" style= "width: 100px;height: 100px;border: 1px solid #eee" >
</div>
</body>
</html>
|
效果:
阅读剩余部分
相关阅读 >>
360浏览器怎么禁止javascript
学会这20+个javascript单行代码,让你像专业人士一样编写代码
java和javascript啥关系
一起看看javascript如何获取页面上被选中的文字
javascript如何通过id属性获取页面元素
javascript实现继承的方式有哪些
javascript中with的用法是什么
javascript被禁用了怎么办
javascript怎么判断是否数字
javascript中如何获取当前时间
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » javascript如何改变背景