如何在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的原创文章，尽在：“汪子熙”:

如何在TypeScript代码里获得HTML元素的css属性相关推荐

php读取html中元素属性,读写HTML元素的css 属性
jQuery 的css()方法用来设置或读取HTML元素的css属性. 读取元素的CSS语法语法如下: css("propertyname"); 比如下面代码取得第一个元素的背景 ...
如何在TypeScript的`window`上显式设置新属性？
本文翻译自:How do you explicitly set a new property on `window` in TypeScript? I setup global namespaces ...
如何在html图片里输入文字居中显示,CSS设置文字图片垂直居中的方法总结
其实很简单,只需要在尾部增加一个 ,然后把需要垂直居中的元素设置display:inline-block; vertical-align:middle; 看看效果图实例代码复制代码代码如下: *{ ...
字体立体阴影css代码,字体加阴影效果怎么用css属性实现？（代码演示）
本篇文章给大家介绍,css好看的字体样式的效果展示.希望对有需要的朋友有所帮助. css字体阴影效果一具体代码示例如下: css字体阴影测试一 h3.a {text-shadow: 0.1em 0.1 ...
html js修改readonly,js控制html元素的readonly属性
html元素假设为只读,那么其readonly="readonly",我们现在想通过js来改变readonly属性为可以输入. 初始时,两个输入框都是只读.点击change按钮后, ...
Dom基础特殊的节点获取元素节点的内容获取元素的属性 css属性 Dom获取元素的方法
1.Dom基础 <!DOCTYPE html> <html><head><meta charset="utf-8"><titl ...
如何在TypeScript/JavaScript项目里引入MD5校验和
摘要:MD5校验和则是其中一种数学算法,通常是使用工具对文件计算得出的一组32 个字符的十六进制字母和数字. 本文分享自华为云社区<TypeScript/JavaScript项目里如何做MD5校 ...
如何在TypeScript中删除数组项？
本文翻译自:How do I remove an array item in TypeScript? I have an array that I've created in TypeScript a ...
当前元素_90行代码，15个元素实现无限滚动
前言在本篇文章你将会学到: IntersectionObserver API 的用法,以及如何兼容. 如何在React Hook中实现无限滚动. 如何正确渲染多达10000个元素的列表. 无限下拉加 ...

如何在TypeScript代码里获得HTML元素的css属性

如何在TypeScript代码里获得HTML元素的css属性相关推荐

最新文章

热门文章