返回到:Prototype – 元素对象
此方法查找元素的计算宽度和高度,并将它们作为对象的键/值对返回。
对于在内联样式规则或 CSS 样式表中显示设置为 none 的元素,此方法返回正确的值。
请注意,返回的值是一个数字,尽管它是以像素表示的。
语法
element.getDimensions();
返回值
它返回对象的键/值对 {height: Number, width: Number}。
例子
HTML
x
26
26
1
<html>
2
<head>
3
<title>Prototype examples</title>
4
<script type = "text/javascript" src = "/javascript/prototype.js"></script>
5
6
<script>
7
function showResult() {
8
var dimensions = $('rectangle').getDimensions();
9
alert("Element width is " + dimensions.width );
10
alert("Element height is " + dimensions.height );
11
}
12
</script>
13
</head>
14
15
<body>
16
<p>Click the button to see the result.</p>
17
18
<div id = "rectangle"
19
style = "font-size: 10px; width: 20em; height: 10em">
20
<p>This is the paragraph.</p>
21
</div>
22
<br />
23
24
<input type = "button" value = "showResult" onclick = "showResult();"/>
25
</body>
26
</html>
返回到:Prototype – 元素对象
阅读剩余 79%
作者:terry,如若转载,请注明出处:https://www.web176.com/prototype_api/9108.html