• 网站首页
• 网站建设
• 短视频
• 网站推广
• 网站模板
• 客户案例
• 资讯动态
• 关于我们

JavaScript如何精准的获取文字宽高_CSS学习

当前位置：网站建设 > 技术支持

JavaScript如何精准的获取文字宽高？

可使用getBoundingClientRect()函数，例如html文档中标签<p id="demo">some text 一些示例文本</p>

js代码如下

var p = document.documentElement.querySelector('#demo');

var rect = p.getBoundingClientRect();

var width = rect.right - rect.left;

var height = rect.bottom - rect.top;

alert("width=" + width + " height=" + height);

版权说明：
本网站凡注明“广州京杭 原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。