學習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開始)；
這樣就可以了。