javascript - 在没有jquery的情况下获取div内容宽度

Question

我有以下元素

<div id='mydiv' style='width: 0px; overflow: hidden; white-space: nowrap;'>
    Lots of content
</div>

我正在使用 jQuery 像这样滑动打开内容

$("#mydiv").animate({width:this[0].scrollWidth},{duration:200});

但我正在努力减少对 jQuery 的依赖，我想用 css transitions 代替，所以 css 将是:

#mydiv { transition: width 200ms ease-in-out; }

JavaScript 将是:

document.getElementById("mydiv").style.width = ???

如何在没有 jQuery 的情况下找到元素内容的宽度？

Answer 1

这是

if(var el = document.getElementById("mydiv"))
  el.style.width = el.scrollWidth + "px";

你在找什么？