如何在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的原創文章,盡在:“汪子熙”:
相關文章
- html元素,屬性修改HTML
- HTML——② HTML 元素、屬性詳解HTML
- HTML 裡 img 元素的 src 和 srcset 屬性有何區別?HTML
- HTML CSS 三大屬性④HTMLCSS
- [HTML/CSS]colum-gap屬性HTMLCSS
- 動態生成HTML元素併為元素追加屬性HTML
- new/類/null/+/PrimitiveValue/valueOf/toString/環境/HTML 指令碼元素屬性NullMITHTML指令碼
- v-bind 動態更新 HTML 元素上的屬性HTML
- html5/css3新增屬性HTMLCSSS3
- jQuery捕獲-獲取DOM元素內容和屬性jQuery
- 設定和獲取元素固有屬性值
- 在一個元素上:hover,改變另一個元素的css屬性CSS
- HTML 屬性HTML
- HTML————4、HTML屬性HTML
- Java常見的系統屬性值及如何通過Java程式設計獲得系統屬性值Java程式設計
- 【譯】用CSS屬性選擇器來拼接HTML的DNACSSHTML
- 獲取json串裡的某個屬性值JSON
- css的background屬性CSS
- HTML id 屬性HTML
- HTML dir 屬性HTML
- HTML accesskey 屬性HTML
- HTML class 屬性HTML
- HTML headers 屬性HTMLHeader
- HTML colspan 屬性HTML
- HTML rowspan 屬性HTML
- HTML step 屬性HTML
- HTML lang 屬性HTML
- HTML hidden屬性HTML
- HTML dropzone 屬性HTML
- HTML draggable 屬性HTML
- HTML contextmenu 屬性HTMLContext
- HTML contenteditable 屬性HTML
- HTML cellspacing 屬性HTML
- HTML cellpadding 屬性HTMLpadding
- html face屬性HTML
- HTML表單元素及CSSHTMLCSS
- Android自動化-如何獲取檢視元素屬性?Android
- 使用程式碼獲得Hybris Commerce裡顯示的產品圖片