JavaScript如何精准的获取文字宽高 – CSS – 前端，css3插入图标

可使用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);