为什么不能通过getElementsTagName的方式改变文本的颜色?

来源:9-3 getElementsByTagName()方法

慕码人7160198

2016-12-19 19:10

试了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>慕课网</div>
  <br/>
  <input type="button" value='更改颜色' onclick="red()">
</body>
</html>


写回答 关注

2回答

  • BUG_0003
    2016-12-20 11:02:14
    已采纳

    getElementsByName和getElementsByTagName获取的是一个由dom元素组成的数组。数组是无法直接用style属性来设置的,得先循环遍历这个数组,一项项取得dom元素再赋予style属性

    慕码人716...

    非常感谢!

    2016-12-20 14:06:50

    共 1 条回复 >

  • 慕的地3727796
    2016-12-20 13:12:52

    getElementsByTagName获取的是数组。数组不能直接用style属性来设置的,用colour[0].style.color="red";可以实现

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468196 学习 · 21891 问题

查看课程

相似问题