要获取HTML内容的高度,可以使用JavaScript的offsetHeight
属性,以下是一个简单的示例:
<!DOCTYPE html> <html> <head> <style> .content { width: 200px; height: 100px; backgroundcolor: lightblue; overflow: auto; } </style> </head> <body> <h3>使用offsetHeight获取HTML内容高度</h3> <div class="content"> <p>这里是一段文本内容。</p> <p>这里是另一段文本内容。</p> <p>这里是第三段文本内容。</p> </div> <script> var content = document.querySelector('.content'); var contentHeight = content.offsetHeight; console.log('HTML内容高度为:', contentHeight); </script> </body> </html>
在这个示例中,我们创建了一个名为.content
的<div>
元素,其中包含三段文本,我们使用document.querySelector
方法选择这个元素,并使用offsetHeight
属性获取其高度,我们将高度值输出到控制台。
最新评论
本站CDN与莫名CDN同款、亚太CDN、速度还不错,值得推荐。
感谢推荐我们公司产品、有什么活动会第一时间公布!
我在用这类站群服务器、还可以. 用很多年了。