如何在TypeScript程式碼裡獲得HTML元素的css屬性
首先從angular/core裡匯入ElementRef:
然後注入到建構函式中:
最後通過如下程式碼訪問名為–cx-max-views的CSS屬性:
/**
* Returns the maximum number of views per split-view. The number is based on the
* CSS custom property `--cx-max-views`.
*/
protected get splitViewCount(): number {
console.log('Jerry cod19: ');
return Number(
getComputedStyle(this.elementRef.nativeElement).getPropertyValue(
'--cx-max-views'
)
);
}
更多Jerry的原創文章,盡在:“汪子熙”:
相關文章
- jQuery css()設定和獲取元素css屬性值程式碼例項jQueryCSS
- javascript為html元素新增自定義屬性程式碼JavaScriptHTML
- javascript通過class屬性獲取元素的程式碼JavaScript
- 獲得類的屬性
- html元素,屬性修改HTML
- HTML——② HTML 元素、屬性詳解HTML
- HTML 裡 img 元素的 src 和 srcset 屬性有何區別?HTML
- javascript通用獲取元素樣式屬性值程式碼例項JavaScript
- HTML CSS 三大屬性④HTMLCSS
- css獲取指定元素的兄弟元素程式碼例項CSS
- js通過元素的class屬性獲取元素JS
- css匹配具有指定屬性值的元素CSS
- css3中的zoom屬性以及jquery中css()方法操作元素的屬性CSSS3OOMjQuery
- js獲取元素的方法與屬性JS
- [HTML/CSS]colum-gap屬性HTMLCSS
- 動態生成HTML元素併為元素追加屬性HTML
- css實現匹配具有指定屬性的元素CSS
- jquery設定和獲取元素的屬性jQuery
- jQuery點選元素獲取此元素的id屬性值jQuery
- css匹配type屬性值為text的input元素CSS
- jQuery獲取id屬性值具有點的元素jQuery
- 使用jQuery獲取iframe元素的value屬性值jQuery
- javascript操作html元素屬性簡單介紹JavaScriptHTML
- HTML5表單新增元素與屬性HTML
- v-bind 動態更新 HTML 元素上的屬性HTML
- HTML5 雜談 Video 元素的poster屬性HTMLIDE
- 《HTML5移動開發》——2.2 HTML元素/屬性的語法HTML移動開發
- jQuery捕獲-獲取DOM元素內容和屬性jQuery
- css屬性選擇器程式碼例項CSS
- 設定和獲取元素固有屬性值
- jQuery利用name屬性獲取表單元素jQuery
- JavaScript使用name屬性值獲取元素物件JavaScript物件
- 獲取dom的最終的css屬性值CSS
- jQuery使用css()方法設定元素的display屬性值jQueryCSS
- javascript如何獲取具有指定class屬性的元素物件JavaScript物件
- javascript實現的設定和獲取元素屬性JavaScript
- jquery獲取id屬性值帶有點的元素jQuery
- 如和獲得系統熱鍵