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

前端之家收集整理的这篇文章主要介绍了使用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的值.虽然这有用,但这是一个黑客,我不鼓励使用它.

原文链接:https://www.f2er.com/js/153806.html

猜你在找的JavaScript相关文章