javascript - 自定义 JavaScript - 在 Chrome 中不起作用

Question

我有一些自定义的 javascript 代码，在 Firefox 中运行良好，但是在 chrome 中似乎根本没有响应，该页面位于此处: http://wiki.tf2clan.co.uk/index.php/games/sizes

如果您能提供有关 chrome 为何不喜欢此功能的任何意见，和/或任何替代代码片段，我将不胜感激

Answer 1

我在过滤器上遇到错误:

Uncaught TypeError: Cannot read property 'innerHTML' of undefined

我做错了什么？

for (i=0;i<50;i++)
{
    e = document.getElementsByTagName("tr")[i];
    z = e.innerHTML;
}

• 您不知道是否总是有 50 个元素。
• 您使用的innerHTML不正确
• 您在每次迭代中调用 getElementsByTagName

解决方案:

var nodes = document.getElementsByTagName("tr").childNodes;
//Iterating through TR childs 
for(i=0; i<nodes.length; i++) {
    alert(nodes[i]);
}

替代方案:如果您不是 Javascript 专家，我建议使用 jQuery 来管理 DOM 元素，它是跨浏览器的并且有很多文档。例如，您可以使用 jQuery 执行类似的操作，而不是整个 for 循环:

$('tr > td:not(:contains("+filter_text+")')).hide();