Javascript 无法读取属性'；风格'；未定义的

我有这样的东西，但我不明白问题出在哪里。控制台显示-

无法读取未定义的属性“style”

<div class="price-table-box"></div>
<div class="price-table-box"></div>
<div class="price-table-box"></div>
<div class="price-table-box"></div>

var table = document.getElementsByClassName('price-table-box');

for (var i = 0; i <= table.length; i++) {
    table[i].style.display = 'none';
}

var table=document.getElementsByClassName（'price-table-box'）；
对于（var i=0；i您循环了太多的元素。
表[4]
不存在，因此它是
未定义的

从0-3循环，而不是从0-4循环：

for (var i = 0; i < table.length; i++)

for（变量i=0；i
您循环了太多的元素。
表[4]
不存在，因此它是
未定义的

从0-3循环，而不是从0-4循环：

for (var i = 0; i < table.length; i++)

for（变量i=0；i
有人指出，您正在尝试访问数组中不存在的元素。此外，请记住，在页面加载完成之前，您不能通过“document.get…”方法访问DOM对象，因为它们在技术上还不存在，或者还不可访问。您需要将javascript放入indow.onload事件处理程序或类似程序

window.onload = function(){
    var table = document.getElementsByClassName('price-table-box');

    for (var i = 0; i < table.length; i++) {
        table[i].style.display = 'none';
    }
};

window.onload=function（）{
var table=document.getElementsByClassName（'price-table-box'）；
对于（变量i=0；i

确保将onload所需的所有内容都放入此函数（或从中调用），否则将覆盖以前的声明.
有人指出，您试图访问数组中不存在的元素。此外，请记住，在页面加载完成之前，您不能通过“document.get…”方法访问DOM对象，因为它们在技术上还不存在，或者还不可访问。您需要将javascript放入window.onload事件处理程序或类似程序

window.onload = function(){
    var table = document.getElementsByClassName('price-table-box');

    for (var i = 0; i < table.length; i++) {
        table[i].style.display = 'none';
    }
};

window.onload=function（）{
var table=document.getElementsByClassName（'price-table-box'）；
对于（变量i=0；i

请确保将onload所需的所有内容都放入此函数（或从该函数调用），否则将覆盖以前的声明。
谢谢，我忘记了在编程时所有内容都从0开始。谢谢，我忘记了在编程时所有内容都从0开始。