利用js动态获取div的宽度
运行代码框
<html> <head> <title>Test page</title> </head> <body> <table style="width:100%;"> <tr> <td> <div id="div1" style="background:green;">Div1</div> <td> <td style="width:50%;"> <div id="div2" style="background-color:red;">Div2</div> <td> </table> <input type="button" onclick="show()" value="Show" /> <script> function show() { var o = document.getElementById("div1"); var w = o.clientWidth||o.offsetWidth; alert("Div1's width is "+w); } </script> </body> </html>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]