使用JavaScript获取元素的自定义CSS属性(-mystyle)

在某些元素具有自定义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的值.虽然这有用,但这是一个黑客,我不鼓励使用它.