如何找到由DOM渲染的文本的宽度？

function getTextWidth(text, font) {
  const tempElement = document.createElement('span');
  tempElement.style.visibility = 'hidden';
  tempElement.style.position = 'absolute';
  tempElement.style.whiteSpace = 'nowrap';
  tempElement.style.font = font;
  tempElement.innerText = text;
  document.body.appendChild(tempElement);
  const width = tempElement.offsetWidth;
  document.body.removeChild(tempElement);
  return width;
}

const text = 'Hello, World!';
const font = '16px Arial';
const width = getTextWidth(text, font);
console.log(`The width of the text "${text}" is ${width}px.`);