javascript - 我写了一个选项卡控件，但我无法让 css 在所有浏览器中工作，我该如何解决？

Question

使用 CSS，基本上有两个类，一个用于选项卡默认颜色，一个“选定”CSS 类使用 JavaScript 应用于单击的任何选项卡。

控件功能完美，但动态CSS仅适用于IE7和IE8。

代码基本上是这样的:

for (var i = 0; i < group.children.length; i++)
{
    child = group.children[i];

    // Remove class (selected)
    child.className = "";

从每个元素中删除“选定的”CSS 类。默认 CSS 是自动的，没有使用 class= 指定，所以基本上这会将它们恢复为默认值。

然后在其他逻辑之后，它将选定的 CSS 应用到被单击的任何一个:

// Set selected tab

tab.className += "SelectedTab";

我做错了吗？在 IE7/8 中似乎没问题，但 Firefox 最初正确呈现选项卡，第一个选项卡被“选中”，但是当我单击另一个选项卡时，它会正确地从第一个选项卡中清除选定的 CSS，但不应用“选定”再次CSS到下一个标签。

Answer 1

使用 Firefox 中的 DOM 检查器查看页面，并使用错误控制台或 Firebug 确保 JavaScript 没有问题。

如果您可以发布更多代码，或者更好的是，测试页面的链接，那么我们也许可以为您提供更多帮助。目前我们对您发布的代码无能为力。