可以检索无效的css属性值?
custom cass properties,用名称以dash为dash,提供用于定义和访问应用程序中的唯一样式的机构。但是,如果JavaScript访问这些自定义属性的值,如果浏览器无效或未识别它们?当遇到无效的属性名称(例如“ -my-foo”)时,此对象通常会跳过该属性并使用其他有效的属性进行。 dom-level-2样式规范表明,声明块中的所有CSS属性都应通过CSSStyledEclaration interface Interface,包括Invalid nevelid insface offelid insce offection bloce中的所有CSS属性。但是,实际上,诸如Chrome和Firefox之类的浏览器不支持此行为。
Code ExampleThe following code demonstrates how to parse the raw CSS text and retrieve the value of the "-my-foo" property:
const styleText = document.getElementsBytagName(“ style”)[0] .innertext; const propertyname =“ -my-foo”; const value = styletext.match(new Regexp(`\\ b $ {propertyName}:\\ s*(。?)\\ b`,“ i”))[1];
此方法需要一种匹配定制属性名称并提取其值的正则表达式并提取其值。它被认为是低级解决方案,可能不是所有情况的最有效或最合适的方法。免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。
Copyright© 2022 湘ICP备2022001581号-3