-1

我有带有类的 serval div，我想在 javascript 中定义它们。这是我的 jsfiddle 脚本，它现在只使用 DIV ID，但它必须是类，因为我想添加多个块。有人可以帮忙吗？

var block = document.getElementById('block');
var minimizewindow = document.getElementById('minimizewindow');

block.style.height = "250px";
minimizewindow.style.display = "none";  

//function minimize
minimize.onclick = function(){
    if(block.style.height == "250px") {
        block.style.display = "none";
}   .........

http://jsfiddle.net/uVSyX/

单击损坏的图像：最小化、最大化、关闭

谢谢！

编辑：认为我不明白，我不想显示和隐藏多个 div ......

4

3 回答 3

1

document.getElementsByClassName('myClass');是最简单的方法，但是 IE 不支持。 Mozilla 对此有很好的文档。

如果您需要 IE 支持，此页面可能是一个很好的资源：http ://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/

于 2013-02-07T14:38:38.903 回答
1

我想在javascript中定义它们。

这是一个坏主意。样式说明属于 CSS 样式表。

去这里的正确方法是上课，比如.expanded和.contracted

它们将包含如下规则

.expanded { width: 800px; display: block }

然后，您只需更改classJavaScript 中的属性。jQuery 使这变得非常容易，因为它具有处理类的便捷方法。

于 2013-02-07T14:39:07.137 回答
0

我不记得我在哪里找到了这个函数，但它是我用来根据类查找元素的。

var elems = document.getElementsByTagName('div'),i;
for (i in elems) {
  if((" "+elems[i].className+" ").indexOf(" "+matchClass+" ") > -1) {
    elems[i].style.display = "none";
  }
}

是matchClass您要查找的课程的名称。

我更新了上面的代码以使用定义为在函数运行时设置div的特定类来设置所有内容。matchClassdisplay:none

于 2013-02-07T14:38:20.507 回答