【第7周 DOM 4-12 下拉列表变色】老师麻烦看下代码是否正确。this后续哪里会讲到

来源:4-12 编程练习

easyschen

2021-12-05 15:41:48

问题描述:

Q1:老师麻烦看下代码是否正确

Q2:我看到很多别的同学写的this.value.  不太明白这个this是怎么使用。后续哪里会讲到。

相关截图:

https://img.mukewang.com/climg/61ac6c8e091fadda09540792.jpg

相关代码:

   window.onload = function(){
	           var oColor = document.getElementById('color');
	           var oDiv = document.getElementById('div');
	           
	           oColor.onchange = function(){
	               if(oColor.value == "0"){
	                   oDiv.style.backgroundColor = "white"; 
	                   oDiv.innerText = "我没有发生任何变化";
	               }else{
	                   oDiv.innerText = "我的背景颜色变成了"+oColor.value;
	                   oDiv.style.backgroundColor = oColor.value;  
	               }  
	           }
	       }


写回答

1回答

好帮手慕慕子

2021-12-05

同学你好,对于你的问题解答如下:

1、代码是正确的

2、this指向当前绑定事件的元素,即,代码中的oColor。可以输出查看下结果,示例:

https://img.mukewang.com/climg/61ac71ba09a8f37816280627.jpg

在后面的事件委托课程中有简单的介绍,https://class.imooc.com/lesson/1626#mid=38888&time=260

祝学习愉快~


0

0 学习 · 15276 问题

查看课程