3

基本上，此函数旨在存储调用它的元素的高度值，然后如果该高度与元素匹配，它将将其高度扩展 200px，如果它与存储的值不匹配，则恢复该值（本质上是缩小元素容器）。如何让它从外部样式表中读取以获取var heightVal = parseInt(boxStyle.height);？

function expand(e){
  var box = document.getElementById(e);
  var boxStyle = box.style;
  var heightVal = parseInt(boxStyle.height);

  if(boxStyle.height == heightVal){
    boxStyle.height = heightVal + 200 +'px';
  }
  else{
    boxStyle.height = heightVal;
  }

}
4

1 回答 1

0

这是我修改后的答案...此代码允许普遍使用该函数来重新调整任何元素的高度，无论您是否希望它开始最小化或最大化和/或是否希望它展开或折叠。我开发了这个功能作为对我之前写的答案的改进。这实际上是我一直致力于更改 CSS 类以允许动画而不使用 javascript 或 jquery 的另一个函数的结果。我现在有两个功能工作和通用！

参数非常简单......box代表您要调整大小的元素，hNew代表您要调整它的高度（可以大于或小于元素的当前高度，并且该功能仍然有效）。

function resize_height(box, hNew){
  if(box.style.height != hNew || box.style.height == box.old_height){
    box.old_height = box.style.height
    box.style.height = hNew;
  }
  else{
    box.style.height = box.old_height;
  }
}
于 2012-01-31T17:44:52.960 回答