JavaScript不在多个类元素上触发_Javascript_Html

JavaScript不在多个类元素上触发

javascript html

JavaScript不在多个类元素上触发,javascript,html,Javascript,Html,我在为页面上的选定HTML表启动JavaScript代码时遇到一些问题。其思想是让所有具有stripe_table类的表都由一些JavaScript函数设置样式 function searchPage() { var table = document.getElementsByClassName('stripe_table'); //Pass the table nodelist to the styling functions. styleTable(table);

我在为页面上的选定HTML表启动JavaScript代码时遇到一些问题。其思想是让所有具有stripe_table类的表都由一些JavaScript函数设置样式

function searchPage() {
    var table = document.getElementsByClassName('stripe_table');
    //Pass the table nodelist to the styling functions.
    styleTable(table);
    hoverColorChange(table);
}

JavaScript在HTML中使用以下命令激发：

<body onload=searchPage()>

目前，它只在页面上的两个表中设置一个表的样式

styleTable函数如下所示：

hoverColorChange函数如下：

注意document.getElementsByClassName返回一组具有所有给定类名的元素。您应该确定styleTable和hoverColorChange函数通过for循环或Array.filter迭代返回的集合

顺便说一句，我建议您将变量重命名为复数，以便更清楚地表明它是一个集合表而不是表

增编：

感谢您发布完整的代码。将其粘贴到启用的升华文本3中，我收到了几个警告，包括：

变量，例如tr和锚点，在其声明的范围外使用。使用==而不是===。缺少分号。在for循环中定义的函数。

修复这些，然后再运行一次

您没有提供足够的信息来查找错误。。styleTable和hoverColorChange做什么？console.logtable.length的输出是什么？感谢您的编辑，包括帮助程序函数的基本概要。但是，看到他们的实际代码会有很大帮助。我认为这比Array.filter更有用。根据问题中提供的当前信息范围，我能提供的最佳答案。不过，你是对的。查看OP的样式化函数的实际代码会有很大帮助。我会发布样式化函数的代码，但此代码是用于分配的。只是不想让别人找到我的帖子并使用我的代码：你们学校肯定不强调竞争而不是合作；