以下这段代码是w3c的方法，没有问题。鄙人根据所学知识，也写了段代码。感觉道理上是可以执行的，但为啥就不行呢？
<html>
<body>
<script>
function ChangeBackground()
{document.body.style.backgroundColor="lavender";}
</script>
<input type="button" onclick="ChangeBackground()"
value="Change background color" />
</body>
</html>
以下是鄙人写的代码,为什么就执行不了呢？
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
function abc()
{
var a=document.getElementsByTagName('body');
a.style.color='red';
}
</script>
</head>
<form>
<input type="button" value="点击按钮改变背景颜色" onclick="abc()"/>
</form>
</body>
</html>
1 回答
已采纳
weibo_哆啦A梦有大口袋_0
TA贡献107条经验 获得超146个赞
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
a{background: #000;}
</style>
<script>
function abc()
{
//你这里获取的是一个数组
var a=document.getElementsByTagName('body');
// a.style.color='red'; 你这是改变是body字体的颜色
//a[0]表示数组里面的第一个body;
a[0].style.backgroundColor="red";
}
</script>
</head>
<!--你的<body>标签掉了-->
<body>
<form>
<input type="button" value="点击按钮改变背景颜色" onclick="abc()"/>
</form>
</body>
</html>出于对回答者的认同和尊重，解决了你的问题，请采纳，谢谢
添加回答
举报
0/150
提交
取消