Question

用js来切换DIV的问题，隐藏和显示。

事先写好6个不同的DIV。下图的导航栏下面是第一个DIV。

当点击lpsum的时候，下面的DIV换成：

我是通过"Ipsum"的onclick触发，就加入JS：function huan(){document.getElementById("div1").style.display="none";document.getElementById("div2").style.display="block";}
就是先让第一个DIV隐藏，再出现第二个DIV。
——————————————————————————————
但是我发现有两个问题：第一，这样很麻烦，一共要写6个function。
第二，我感觉这种代码是错误的，因为首先它是想让div1隐藏，那如果我一开始鼠标点了第二个导航，再点第4个导航，那这个JS代码第一步就不知道怎么写了，也就是说先隐藏哪个DIV？也就是说，你不知道别人会怎么点鼠标点导航！
————————————————————————————
于是，我想这样：
——————————
先给6个DIV加统一的class“yy”，然后JS改成：
function huan()
{document.getElementByIClassName("class名").style.display="none";
document.getElementById("div2").style.display="block"}

就是当点击导航时，先让所有DIV都隐藏，再出现对应导航所对应的DIV。
但是代码没反应。
——————————————————————
可以帮我改改吗？或者有什么更主流更好的方法实现我的要求也可以说说。





Answer 1

这里 JS 加的样式 是行内样式 属于最高级别，css 里的样式会被覆盖掉

追问

那该怎么换啊？切换DIV