出现TypeError: document.getElementByClassName is not a function报错如何解决
报错原因
- 方法名拼写错误:你使用的
getElementByClassName是错误写法,正确DOM API名称为getElementsByClassName,注意Element为复数形式,末尾带s - 返回值类型错误:
getElementsByClassName会返回匹配指定类名的所有元素组成的类数组集合,无法直接对集合调用innerHTML属性,需要通过索引取出对应单个元素后再操作。
修复后的代码
你可以任选以下两种写法的其中一种:
- 沿用类名选择方法,增加索引取第一个匹配元素:
document.getElementsByClassName("dice1")[0].innerHTML = "your dice number is 6"
- 用更简便的单元素选择器写法:
document.querySelector(".dice1").innerHTML = "your dice number is 6"
内容的提问来源于stack exchange,提问作者Đức Seven
相关产品推荐
相关产品推荐

