javascript - 访问 CSS 高度值(通用方法)？

Question

我需要知道是否可以使此代码段的 heightVal 变量通用。这意味着我需要它来访问我作为 box 参数传入的任何元素的高度并存储它，以便它可以用于将元素重置为其原始高度。使用 offsetHeight 属性对我不起作用，因为第二次访问该函数时该值会自动重置。 (我试图让这个功能普遍适用于任何元素)。

function expand(box){
  var heightVal = document.styleSheets[0].cssRules[3].style.height;

  if(box.style.height != "20px"){
    box.style.height = "20px";
  }
  else{
    box.style.height = heightVal;
  }
}

Answer 1

为什么不将其作为属性存储在 DOM 节点上？

不要执行 var heightVal =，而是执行 box.my_height =。或者，如果您真的不喜欢仅在 JS 中，您甚至可以使用 HTML5 data-XXX 属性。

function expand(box){
  if(box.style.height != "20px"){
    box.my_old_height = box.style.height;
    box.style.height = "20px";
  }
  else{
    box.style.height = box.my_old_height;
  }
}