Prototype - getDimensions() 方法
此方法查找元素的计算宽度和高度,并将它们作为对象的键/值对返回。
此方法返回元素的正确值,这些元素的显示设置为 none,无论是在内联样式规则中还是在 CSS 样式表中。
请注意,返回的值是一个数字,尽管它以像素表示。
语法
element.getDimensions();
返回值
它返回对象的键/值对 {height: Number, width: Number}。
示例
<html> <head> <title>Prototype examples</title> <script type = "text/javascript" src = "/javascript/prototype.js"></script> <script> function showResult() { var dimensions = $('rectangle').getDimensions(); alert("Element width is " + dimensions.width ); alert("Element height is " + dimensions.height ); } </script> </head> <body> <p>单击按钮查看结果。</p> <div id = "rectangle" style = "font-size: 10px; width: 20em; height: 10em"> <p>This is the paragraph.</p> </div> <br /> <input type = "button" value = "showResult" onclick = "showResult();"/> </body> </html>