可以檢索無效的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