浏览器定义和用户定义的css属性

Question

我已在分割元素上声明了css属性'right'和'width'，但浏览器会自动将'left'属性设置为它。有没有办法检查我是否在原始的html文档中设置了“正确”或“左”属性。我正在使用jQuery。

Answer 1

尝试使用css功能。它返回给定css属性的值。

<div id="theid" style="right: 10px;"></div>
<script type="text/javascript">
var cssright = $('#theid').css('right');
var cssleft = $('#theid').css('left');
alert(cssright);     // 10px
alert(cssleft);     // auto
</script>

Answer 2

如果您在原始HTML中自行设置属性，则可以在页面源中查看该属性。 jQuery（或任何javascript）只能将属性添加到DOM中的元素，因此它在源代码中是不可见的，尽管它可以在像Firebug这样的属性检查器中查看。

所以只需查看源代码 - 如果它不在标记的样式属性中，但您可以在Firebug中看到该属性，它是在JavaScript页面加载后添加的。