学习JS中总会遇到奇奇怪怪的问题，为了节约时间，百度一下是不二选择。
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>颜色测试(runoob.com)</title>
</head>
<body>
<p>点击按钮执行 <em>displayColor()</em> 函数.</p>
<button onclick="displayDate()">点这里</button>
<script>
function displayColor(){
document.getElementsByClassName("demo").style.color="red";
}
</script>
<p class="demo">asd</p>
</body>
</html>
不知道为何报错
：Uncaught TypeError: document.getElementsByClassName is not a function
at displayDate (NewFile2.html:13)
at HTMLButtonElement.onclick (NewFile2.html:10)
经过查证DOM元素对象（选取3常用滴）
element.getElementsByTagName()；
element. getElementsByClassName()；
element. getElementById()；
可以发现前两者都是getElementSSSSS(重复标注) 是数组对象们们们！！！！！
所以此处应修改为：element.getElementsByTagName()[0]------(选择第一个对象，从下标0开始)；
这样就可以了。