Question

我有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 ......

Answer 1

document.getElementsByClassName('myClass');是最简单的方法，但IE不支持它。 Mozilla has great documentation on this

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

Answer 2

我想在javascript中定义它们。

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

正确的方法是上课，例如.expanded和.contracted

他们将包含像

这样的规则

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

然后，您只需更改JavaScript中的class属性即可。 jQuery使这个非常变得容易，因为它有方便的方法来处理类。

Answer 3

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

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

matchClass是您要查找的班级的名称。

我更新了上面的代码，将所有div设置为在运行该函数时将matchClass定义为display:none的特定类。

如何在javascript中定义html类？

3 个答案: