这是一个非常简单的问题,所以我会保持简短:
如何判断特定DOM元素的CSS属性是否被继承?
我之所以这么问是因为jQuery的css方法,它会返回计算样式,它继承父对象的CSS属性.有没有办法检索对象本身设置的属性?
一个例子可以解释我得到的更好的东西:
CSS:
div#container {
color:#fff;
}
Run Code Online (Sandbox Code Playgroud)
HTML:
<div id="container">
Something that should be interesting
<div class="black">
Some other thing that should be interesting
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
那么,在div.black继承的实例中,color如何判断它是否被继承?
$('div.black:eq(0)').css('color')显然会给我#fff,但我想要检索元素本身的风格,而不是它的父母.
我喜欢在我不拥有或控制的页面上运行自定义脚本.很多时候,这些页面都动态创建了我想要应用函数的内容.
这可能吗?如果是这样,我该怎么做?理想情况下,我正在寻找一些实时jQuery的live方法,除了它不是绑定一个事件,就像click它更像是在DOM中加载元素时发生的事件. load事件对某些元素有效,但我不认为...
对于此问题,假设您无法查看或更改插入DOM节点的代码.我想要一种可以在用户脚本或书签中使用的技术,可以跨多个不相关的站点使用.
编辑:我正在寻找在我的反转颜色bookmarklet上使用的东西:JavaScript:在页面的所有元素上反转颜色
如何使用jQuery反转元素的文本颜色?
<div style="color: rgb(0, 0, 0)">Invert me</div>
Run Code Online (Sandbox Code Playgroud)