如何在纯JavaScript中获得li宽度？

Question

我在javascript中尝试li宽度​​。但不工作...... Plz帮助我......

<ul>
<li>hello</li>
<li>hello</li>
<li>hello</li>
<ul>

的javascript

var test = document.querySelector("li").width;
alert(test);

Answer 1

将width替换为offsetWidth

var test = document.querySelector("li").offsetWidth; 
alert(test);

或者根据此doc，您也可以使用scrollWidth

var test = document.querySelector("li").scrollWidth ; 
alert(test);

Answer 2

var test = document.querySelector("li").getBoundingClientRect().width; alert(test);