【第7周 DOM 4-9 按钮变色onload函数】 老师麻烦看下代码哪里有问题，效果不显示
来源：4-9 编程练习
easyschen
2021-12-05 13:34:23
问题描述：
Q1：老师麻烦看下代码哪里有问题，效果显示不出来。
Q2：var oBtn = document.getElementsByTagName('input');中，后面需要加[0]吗？
相关截图：
相关代码：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>onload</title>
<script type="text/javascript">
//补充代码
window.onload = function(){
var oBtn = document.getElementsByTagName('input');
oBtn.onclick = function(){
oBtn.style.color = red;
}
oBtn.onmouseleave = function(){
oBtn.style.color = 'gray';
}
}
</script>
</head>
<body>
<input type="button" value="点击改变按钮字体颜色" >
</body>
</html>写回答
1回答
-
好帮手慕然然
2021-12-05
同学你好，问题如下：
1、首先var oBtn = document.getElementsByTagName('input')中，后面需要加[0]，因为getElementsByTagName方法的返回结果是一个类数组对象，不是具体的DOM对象，所以需要通过下标值来获取，如图
2、以下位置处的red颜色值是一个字符串，不是变量，需要放在引号中，否则报错，如图
祝学习愉快！
0
相似问题