学习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开始);
这样就可以了。