草庐IT

CSSStyleDeclaration

全部标签

javascript - 获取对所有 css 样式属性的访问权限?

我想通过JavaScript访问所有CSS属性(不仅针对特定选择器或元素,而且针对所有属性)。我想遍历.style集合的所有属性。我该怎么做? 最佳答案 您可以使用CSSStyleDeclaration对象。CSSStyleDeclaration对象使CSS样式属性可通过JavaScript属性使用。这些JavaScript属性的名称与CSS属性名称密切相关。这个对象有两个额外的属性:CSSText一组样式属性及其值的文本表示。文本的格式与CSS样式表中的一样,减去元素选择器和包围属性和值的大括号。长度此CSSStyleDeclar

javascript - 这个解决方案可以兼容 IE7 和 IE6 吗?

有没有办法让这个解决方案兼容IE6和IE7?http://jsfiddle.net/kirkstrobeck/sDh7s/1/来自thisquestion我想我找到了一个真正的解决方案。我把它变成了一个新函数:jQuery.style(name,value,priority);您可以使用它通过.style('name')获取值,就像.css('name')一样,通过获取CSSStyleDeclaration。style(),还可以设置值-能够将优先级指定为“重要”。参见https://developer.mozilla.org/en/DOM/CSSStyleDeclaration.演示

javascript - 使用字符串设置内联 css 过渡样式会改变真实值。奇异的

我有一个样式表,它像这样设置一个css过渡属性(为简洁起见省略了前缀版本):transition:opacity1s;然后我在页面上有一些元素,我想通过JavaScript修改每个元素的transition-delay属性,以产生交错效果。我像这样使用jQuery:$(element).css('transition-delay',delay+'s');但是,上面的代码没有向元素添加内联transition-delay:Xs。相反,它会导致:但这很好,因为它按预期工作。不知何故,浏览器知道transition:Xs的真正意思是将transition-delay设置为Xs并保持其余部分不

javascript - 使用字符串设置内联 css 过渡样式会改变真实值。奇异的

我有一个样式表,它像这样设置一个css过渡属性(为简洁起见省略了前缀版本):transition:opacity1s;然后我在页面上有一些元素,我想通过JavaScript修改每个元素的transition-delay属性,以产生交错效果。我像这样使用jQuery:$(element).css('transition-delay',delay+'s');但是,上面的代码没有向元素添加内联transition-delay:Xs。相反,它会导致:但这很好,因为它按预期工作。不知何故,浏览器知道transition:Xs的真正意思是将transition-delay设置为Xs并保持其余部分不

javascript - 检测 JS 中 CSSStyleDeclaration 对象的变化

有什么方法可以在CSSStyleDeclaration时收到通知?对象像DOM更改一样被更改,可以使用DomAttrModified之类的事件进行跟踪?例如,如果有一些JS代码,例如document.styleSheets[0].rules[0].style.backgroundImage="url(myimage.png)";有没有什么方法可以在完全不更改上面的代码片段的情况下获得有关JS处理程序中的更改的通知?提前致谢! 最佳答案 我认为没有任何本地可用的东西。根据您的用例,您可以轻松构建一个包装器,以便您的代码使用该包装器并通