显示：无法工作，即单独工作在ff和chrome

Question

嘿伙计最近我在尝试学习标签时遇到了一个古怪的问题..我的代码就像firefox和chrome中的魅力一样，它在任何版本的ie中都不起作用...当有两个标签和相关内容时我点击tab1相应的内容应该显示隐藏其他一个..相同的tab2它工作在ff和chrome ..但即添加所有内容，因为我切换到其他选项卡我的代码像这样http://jsfiddle.net/myth/PZZ6a/16/

Answer 1

对“getElementsByName”的调用对您不起作用。我认为这是因为“name”不是<a>元素的正确属性，但我没有找到任何支持该概念的MSDN文档。然而，这种行为非常强烈地暗示了这种情况。

编辑 - 好吧，毕竟，“{1}}元素似乎不适合”名称“;然而，无论出于什么原因，这都是导致问题的原因。对“getElementsByName”的调用返回空节点列表，因此“for”循环不会执行任何操作。

Answer 2

这肯定与getElementsByName无法使用IE中的div元素有关。虽然你已经有关于这两件事的课程，但是很容易修复，使用getElementsByClassName。

var tabs = document.getElementsByClassName("tab");
var seltabs= document.getElementsByClassName("seltab");

工作小提琴：http://jsfiddle.net/CeVa9/1/

注意：在IE9中测试。