我在 css 文件中有以下样式
#galleryImages{
position:absolute;
top:24px;
left:41px;
width:900px;
moving:false;
}
当我尝试通过 Javascript 访问它时,它返回未定义
外部CSS是正确的,它正确返回其他样式变量以及getElementById
alert("External: " + document.styleSheets[0].cssRules[2].style.moving +
"\nInternal: " + document.getElementById("galleryImages").style.moving);
它会发出警报:
External: Undefined
Internal: Undefined
有没有办法通过 JavaScript 访问自定义 CSS 变量?
先感谢您
大多数(全部?)浏览器不会将未知的 CSS 加载到 DOM 中,并且 JavaScript 无法直接访问 CSS 样式,只能访问加载到 DOM 中的 CSS 样式。
我能想到的唯一方法是实现你自己的 CSS 解析 JavaScript,但在大多数情况下,这对于你想要做的事情来说可能是多余的,纯 JavaScript 解决方案或类值会更好。
例如在 HTML 中
<div class="moveable"></div>
使用该示例,您可以使用 JavaScript 来获取元素的类名,如果它具有“可移动”类,您就知道它可以移动。
EDIT:在 @Anurag 发布的 Mozilla bug 链接中,提到作为 CSS 2.1 规范的一部分,未知的 CSS 属性将被忽略。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)