即使元素具有在CSS中设置的值，也获取内联样式的值？

如果您有以下元素：

而css是：

 span {width:50px!important;} 

有没有办法可以获得内联样式值并忽略css值？

谢谢

Answer 1

使用element.style.width

样品：

 $(function(){ alert($("span")[0].style.width); }); 

Answer 2

要查找应用的样式：

 var span = document.querySelector('span[style]'), actualWidth = window.getComputedStyle(span, null).width; 

请注意，这会获得赢得的样式，在这种情况下，它将是具有!important修饰符的样式。 如果您必须尝试并检索内联样式，无论是否应用它，您只需使用元素节点的style对象：

 inlineWidth = span.style.width; 

JS小提琴演示 。

请记住，要将width应用于span元素，它必须是display: block或display: inline-block 。