如何在Javascript中获取html样式属性

我有这样一个dom元素

<div class="MyClass" id="123" style="width: 228px; overflow: auto; height: 100px;">
    <div class="loading-indicator">loading...</div>
</div>

现在我在这里尝试的是：

var abc=firstDiv.getAttribute（'style'）

我得到：

“宽度：228px；溢出：自动；高度：100px；”

abc.width

但这是不明确的

如何获取该值
 为什么不使用jQuery


console.log（$（`123'）.css（'width'）

加载。。。
您可以这样尝试

window.getComputedStyle(ele); gives you element style. 


var ele=document.getElementById（“123”），//不要使用#
eleStyle=window.getComputedStyle（ele）；
/*下面是ele的宽度*/
var eleWidth=eleStyle.width；
控制台。日志（宽度）

加载。。。
在中，您可以

警报（$（“#123”）.css（“宽度”）；//返回228px

<div class="MyClass" id="123" style="width: 228px; overflow: auto; height: 100px;">
    <div class="loading-indicator">loading...</div>
</div>


加载。。。

如果您仍然想用纯javascript实现它

使用此引用：
是一个对象，不是字符串。@RobG完全正确，但它是作为字符串出现的。是的，它应该是作为
字符串出现的。他们就是这样设计的。@David当您使用getAttribute时，您会得到HTML属性的值，在许多情况下，它与相关属性不同。style属性返回的值是一个对象，它与
getAttribute（'style'）
返回的字符串是完全不同的值。看见
<div class="MyClass" id="123" style="width: 228px; overflow: auto; height: 100px;">
    <div class="loading-indicator">loading...</div>
</div>