Javascript 如何使用jQuery获取段落高度？
我一直在尝试使用$（“.someid”）.height（）来使用jQuery确定段落的高度，但结果总是返回0。有什么好处Javascript 如何使用jQuery获取段落高度？,javascript,jquery,css,Javascript,Jquery,Css,我一直在尝试使用$（“.someid”）.height（）来使用jQuery确定段落的高度，但结果总是返回0。有什么好处 诸如此类这是一个测试，我想看看它什么时候能达到什么高度。我想知道这个段落元素I有多高，因为它可以在元素之间变化。 我在CSS中尝试使用显示：块< /代码>，或者甚至高度：Audio，看看是否可以强制CSS认为它是一个文本块，但也没有结果。 谢谢 也许您应该在jquery文档中测试这个示例？比如说 这一个工作没有任何问题： <!DOCTYPE html> <h
诸如此类这是一个测试，我想看看它什么时候能达到什么高度。我想知道这个段落元素I有多高，因为它可以在元素之间变化。
我在CSS中尝试使用<代码>显示：块< /代码>，或者甚至<代码>高度：Audio<代码>，看看是否可以强制CSS认为它是一个文本块，但也没有结果。
谢谢 也许您应该在jquery文档中测试这个示例？比如说 这一个工作没有任何问题：
<!DOCTYPE html>
<html>
<head>
<style>
body { background:yellow; }
button { font-size:12px; margin:2px; }
p { width:150px; border:1px red solid; }
div { color:red; font-weight:bold; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<button id="getp">Get Paragraph Height</button>
<button id="getd">Get Document Height</button>
<button id="getw">Get Window Height</button>
<div> </div>
<p>
Sample paragraph to test height
</p>
<script>
function showHeight(ele, h) {
$("div").text("The height for the " + ele +
" is " + h + "px.");
}
$("#getp").click(function () {
showHeight("paragraph", $("p").height());
});
$("#getd").click(function () {
showHeight("document", $(document).height());
});
$("#getw").click(function () {
showHeight("window", $(window).height());
});
</script>
</body>
</html>
正文{背景：黄色；}
按钮{字体大小：12px；边距：2px；}
p{宽度：150px；边框：1px红色实心；}
div{颜色：红色；字体大小：粗体；}
获取段落高度
获取文档高度
获取窗口高度
测试高度的示例段落
功能显示高度（ele，h）{
$（“div”）.text（“+ele+
“是”+h+“px”）；
}
$（“#getp”）。单击（函数（）{
showHeight（“段落“，$”.height（））；
});
$（“#getd”）。单击（函数（）{
showHeight（“document”，$（document.height（））；
});
$（“#getw”）。单击（函数（）{
showHeight（“window”、$（window.height（））；
});
$（function（）{}）