您现在的位置是:首页 > 电脑技术查询 > web开发

如果得到对象的宽度高度.解决办法

编辑:chaxungu时间:2022-10-02 23:23:14分类:web开发

如果得到对象的宽度高度.
li对象的宽高随其内容而改变,如何实时得到其宽度高度.

举个例子吧,UL下有三个Li元素(动态输出的),每个宽高大小可能不一致.
<UL>
<LI id= "content_1 " onclick= "alert(this.style.width); "> .... </LI>
<LI id= "content_2 " onclick= "alert(this.style.width); "> ... </LI>
<LI id= "content_3 " onclick= "alert(this.style.width); "> ......... </LI>
<UL>
为每个li添加onclick事件,alert输出其宽,但实际情况输出的是空字符串,也就是说,width不能获得,只有在li中,添加内联样式,style= "width:xxxpx "的时候才能输出数值???

不知道有什么方法解决? 在线等待ing...


------解决方案--------------------
<UL>
<LI id= "content_1 " onclick= "alert(this.offsetWidth); "> .... </LI>
<LI id= "content_2 " onclick= "alert(this.offsetWidth); "> ... </LI>
<LI id= "content_3 " onclick= "alert(this.offsetWidth); "> ......... </LI>
<UL>
也许值不是你所期待的那样,但这个是实际的宽度.
------解决方案--------------------
<UL>
<LI id= "content_1 " onclick= "alert(this.offsetWidth); "> .... </LI>
<LI id= "content_2 " onclick= "alert(this.offsetWidth); "> ... </LI>
<LI id= "content_3 " onclick= "alert(this.offsetWidth); "> ......... </LI>
<UL>