📌  相关文章
📜  下面代码后面的段落的 outerHeight() 值是多少? (1)

📅  最后修改于: 2023-12-03 15:06:11.948000             🧑  作者: Mango

下面代码后面的段落的 outerHeight() 值是多少？

假设有以下 HTML 代码和 JavaScript 代码：

<body>
  <div class="container">
    <p class="paragraph">This is a paragraph.</p>
  </div>
  <p>This is another paragraph.</p>
  <script src="script.js"></script>
</body>

$(document).ready(function() {
  var paragraphHeight = $(".paragraph").outerHeight();
  console.log(paragraphHeight);
});

这段 JavaScript 代码使用 jQuery 的 $(document).ready() 函数来确保 DOM 已经加载完毕后执行代码。然后，它使用 jQuery 的 outerHeight() 函数来获取 .paragraph 元素的高度，这个元素是在页面的一个 div 中：

var paragraphHeight = $(".paragraph").outerHeight();

outerHeight() 函数会返回指定元素的外部高度（包含了元素的内部高度和边框高度）。由于 .paragraph 元素没有定义任何样式，因此它的高度默认为 auto，最终输出的值也会是 auto，在 JavaScript 中表现为 null。因此，这段代码输出的值将是 null。