为什么会出现错误“未捕获的TypeError:无法读取null的属性'classList'”?

时间:2020-05-14 05:30:33

标签: javascript html css

<style>
.addedclass {
    color: red;
}
</style>

<!-- All the HTML markup first -->
<p id="bordertext">Red Text</p>


<!-- All of the js code at the last -->
<script>
    let elem = document.getElementById("bordertext");
    elem.classList.add("addedclass");
</script>

为什么会出现错误“未捕获的TypeError:无法读取null的属性'classList'”?我知道那是因为找不到商品,但是为什么找不到呢?

2 个答案:

答案 0 :(得分:1)

您缺少元素中的“ s”。

document.getElementsByClassName

答案 1 :(得分:1)

我认为您想念“ s”。 document.getElementsByClassName(); 参考:https://www.w3schools.com/jsref/met_document_getelementsbyclassname.asp