通用javascript调整大小函数

基本上，此函数用于存储调用它的元素的高度值，然后如果该高度与元素匹配，它将扩展其高度200px，如果它与存储的值不匹配，它将恢复该值（本质上是收缩元素容器）。如何从外部样式表中读取以获得

var heightVal=parseInt（boxStyle.height）

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

参数非常简单<代码>框

表示要调整大小的元素，

hNew

表示要调整大小的高度（可以大于或小于元素的当前高度，并且函数仍然有效）

---

为什么不起作用？我刚刚试过，但我还在想办法，所以我会回来的。。。问题在于每次使用该函数时，

offsetHeight

值都会改变，因此元素的高度始终会增加。文档有一个集合，每个工作表都有规则，每个规则都有与其关联的文本。你可以找到合适的规则，然后阅读相关的文本，这些文本必须经过解析才能找到你想要的属性及其相关的值。谢谢，我找到了。我很快会发布我自己的答案。你有什么理由不想使用JQuery吗？

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;
  }

}

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;
  }
}