我体内有多个需要相同样式的 div:
<div class="box"></div>
我有一个计算浏览器窗口视口(viewport)高度的javascript。 我想将该高度应用到我所有的“盒子”类 div。
<script type="text/javascript">
var box = document.getElementsByClassName('box')[0];
var height = (window.innerHeight) ? window.innerHeight: document.documentElement.clientHeight;
box.style.height=(height)+'px';
</script>
这可行,但只有一个 div,它不会使第二个“框”div 与前一个高度相同。如果我将方括号中的数字从 0 更改为 1,它会将高度应用于第二个 div。另外,如果我制作了 javascript 的第二个副本,以便第一个脚本具有 [0] 和第二个 [1],它会将高度应用于两个 div。我无法删除方括号,因为那样的话 javascript 根本不起作用。我也尝试使用 getElementsByTagName 获取名称,但没有成功。
我怎样才能让这个 javascript 对所有带有“box”类的 div 应用相同的高度?还是有其他方法可以做我想做的事?
最佳答案
尝试以下操作:
var elems = document.getElementsByClassName('box'),
size = elems.length;
for (var i = 0; i < size; i++) {
var box = elems[i];
var height = (window.innerHeight) ? window.innerHeight: document.documentElement.clientHeight;
box.style.height=(height)+'px';
}
关于javascript - 如何将样式应用于javascript中的类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8688115/