javascript - 无法获取html元素的宽度

我使用js创建了一个元素，并且已经导入了相关的CSS，但是我无法获得元素的宽度，这是代码：

CSS：

#mainDiv{
  position:absolute;
  width:500px;
  height:500px;
}

js：

var mainDiv=document.createElement("div");
mainDiv.setAttribute("id","mainDiv");
document.body.appendChild(mainDiv);

//now I want to get the width of the 'mainDiv'

var wd=mainDiv.style.width;
console.info(wd);

但是，“ wd”的值始终为。

我想知道为什么？

使用萤火虫，我发现“ mainDiv”的宽度为500px。

但是为什么我无法在js中获得价值？

我不想像这样在js中设置'mainDiv'的宽度和高度：

mainDiv.style.width='500px';

我想在CSS中设置大小。

任何想法？

最佳答案

尝试

var wd=mainDiv.clientWidth;