用js获取元素的宽度问题

Question

对于动态生成的菜单列表，我对li的宽度设置了auto，之后用js去获取，总是获取到0，如何可以获取到被撑开后的li的宽度？(已经试过把脚本放在文档加载之后执行）

原本是要解决这样一个问题，如下图，动态生成的二级菜单文字太多超出了预设的宽度，会产生换行，如果设置宽度是自适应，我得获取到二级菜单ul的总宽，判断是否超出长度，求如何解决？

Answer 1

大概是因为你获取的方式不对。通过js中的style集合获取的属性只能是行内元素的属性。你想要获取这种定义在样式表里的属性可以通过getComputedStyle(myDiv)['width'].

Answer 2

获取元素宽度用：offsetWidth  获取元素高度用：offsetHeight

Answer 3

大概是因为你获取的方式不对。通过js中的style集合获取的属性只能是行内元素的属性。你想要获取这种定义在样式表里的属性可以通过getComputedStyle(myDiv)['width'].