在某些元素具有自定义CSS属性的应用程序中,有没有办法通过
JavaScript检索这样的值?
例如
<div id="myDiv" style="color:#f00;-my-custom-property:upsidedown;" />
我可以通过这两种方法访问颜色属性:
$('myDiv').style.getPropertyValue("color") $('myDiv').style.color
但这些不适用于自定义属性.这是否支持?
解决方法
浏览器未使用的CSS值将被丢弃,而不能通过.style获得.但是还有另外两个选项:
自定义属性
使用HTML5定义的自定义属性.然后,只需检索该属性的值即可.这是推荐的路线.
HTML
< div id =“myDiv”style =“color:#f00;” data-custom-property =“upsidedown”/>
分析样式属性
检索样式属性的值(不是.style)并将其解析为名称/值对.然后使用设置为名称-my-custom-property的值.虽然这有用,但这是一个黑客,我不鼓励使用它.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。