javascript/jquery - 如何获取尚未添加到dom的元素/ css类的宽度

// 创建一个隐藏的元素
var hiddenElement = document.createElement('div');
hiddenElement.style.visibility = 'hidden';
hiddenElement.style.position = 'absolute';

// 将目标元素添加到隐藏元素中
var targetElement = document.createElement('div');
targetElement.className = 'target-class';
hiddenElement.appendChild(targetElement);

// 将隐藏元素添加到DOM中
document.body.appendChild(hiddenElement);

// 获取目标元素的宽度
var targetWidth = targetElement.offsetWidth;

// 从DOM中移除隐藏元素
document.body.removeChild(hiddenElement);

// 创建一个目标元素
var targetElement = document.createElement('div');
targetElement.className = 'target-class';

// 获取目标元素的计算样式
var computedStyle = window.getComputedStyle(targetElement);

// 获取目标元素的宽度
var targetWidth = computedStyle.width;

var targetWidth = parseInt(computedStyle.width);

.target-class {
  width: 200px;
}