Question

我有以下HTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>Untitled Page</title>
    <script language='javascript'>
        window.onload = function () {
            alert($('#object1').height());
        }; 
    </script>
    <script type="text/javascript" src="jquery-1.7.2.js"></script>
</head>
<body>
    <object id="object1" height="205" width="246">
        <img id="Img1" height="205" width="246" src="../images/google_ad_example.jpg" />
    </object>
</body>
</html>

使用jquery：

alert($('#object1').height());

我回来了19岁！而不是205为什么？

感谢。

Answer 1

Hiya 演示 http://jsfiddle.net/keXRf/3/（使用attr）或您可以随时设置css并使用.css {{ 3}}

link：http://jsfiddle.net/LAp2c/：）

注意：因为您的案例中使用了属性height=;您可以使用attr，这将为您提供所需的输出，但该链接可以帮助您更好地理解。

$('#object1').attr("height")

还额外信息：您可以为bwoser分配.css("height", 205)一致性，我在上面分享的链接中有一个很好的讨论。

进一步：.css('height')和.height()之间的区别在于后者返回无单位像素值（例如400），而前者返回单位完整的值（例如，400px）。当需要在数学计算中使用元素的高度时，建议使用.height()方法。

截图1：在osx safari中

enter image description here

截屏2：

enter image description here

Answer 2

应该是

$('#object1 img').height()

获取对象元素内的图像高度

2 个答案: