Javascript 如何获取字符串的宽度？

在项目开发过程中,超出内容区的文本需要省略，鼠标经过时 hover 显示出全部（如图1），对于未超出的鼠标经过时 hover 则不出现（如图2）。这里我们就需要获取文本的宽度和内容区域的宽度进行比较，然后再通过条件进行控制是否显示 popper

// 获取获取字符串的宽度代码： getTextWidth(textStr,fontSize = 14) {   

 // 创建一个临时的 div 标签    const div = document.createElement('div');    

// 将文本追加到元素中    div.innerText = textStr;    

// 设置字体大小    div.style.fontSize = `${fontSize}px`;   

 // 追加到 body 中    document.body.appendChild(div);   

 // 获取元素的宽度    const width = div.offsetWidth;   

 // 移除临时标签    document.body.removeChild(div);    return width },