老师，为什么当我选择请选择的时候，DIV里的文字怎么改不过来啊

</style>

window.onload=function () {

var aa=document.getElementById('color');

color.onchange=function () {

var bgcolor=this.value;

if (bgcolor=="") {

div.style.background="#fff";

div.innerHTML="什么也没发生";

}else{

div.style.background=bgcolor;

div.innerHTML="我的背景颜色变成了"+bgcolor;

}

</script>

慕斯1585891 2017-07-24

源自：JavaScript DOM事件 3-10 事件类型（onchange）

收起

2回答

好帮手慕糖 2017-07-24 16:44:18

你好，你是想要单击请选择的时候，字体变为最初的“我是div”么？因为单击时改变是，字体颜色会变为value的值，这里“请选择”项对应value值的是“0”，所以值会变为value；

可以设置判断，即value的值为0的情况下；如下:

if (bgcolor=="0") { 
      div.style.background="#fff"; 
      div.innerHTML="什么也没发生"; 
    }else{
      div.style.background=bgcolor; 
      div.innerHTML="我的背景颜色变成了"+bgcolor; 
    }

祝学习愉快~

收起回答

提问者慕斯1585891 #1

啊- -谢谢老师，差了一个0不行了真是好气啊~

2017-07-24 16:51:43

好帮手慕糖 2017-07-24 16:31:27

你好，建议，把html代码也粘贴过来。祝学习愉快！

收起回答

提问者慕斯1585891 #1

<!DOCTYPE html> <html lang="en"> <head lang="en"> <meta charset="UTF-8"> <title>onchange()</title> <style type="text/css"> #div{ width:300px; height:300px; border:2px solid gray; margin:100px 0 0 200px; } </style> <script type="text/javascript"> window.onload=function () { var aa=document.getElementById('color'); color.onchange=function () { var bgcolor=this.value; if (bgcolor=="") { div.style.background="#fff"; div.innerHTML="什么也没发生"; }else{ div.style.background=bgcolor; div.innerHTML="我的背景颜色变成了"+bgcolor; } } } </script> </head> <body> <div> <span>请选择您喜欢的颜色:</span> <select id="color"> <option value="0">请选择</option> <option value="yellow">黄色</option> <option value="orange">橘色</option> <option value="pink">粉色</option> <option value="purple">紫色</option> </select> </div> <div id="div">我是div</div> </body> </html>

2017-07-24 16:33:50