试了getElementsByName和getElementsByTagName都不行，只有getElementById可以，比如下面的例子
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
function red() {
var colour=document.getElementsByTagName("div");
colour.style.color="red";
}
</script>
</head>
<body>
<div>PHP中文网</div>
<br/>
<input type="button" value='更改颜色' onclick="red()">
</body>
</html>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
getElementsByName和getElementsByTagName获取的是一个由dom元素组成的数组。数组是无法直接用style属性来设置的，得先循环遍历这个数组，一项项取得dom元素再赋予style属性