[封装自己的ui组件] 关于自定义指令获取不到绑定元素样式

63 阅读1分钟

问题

今天在封装loading加载的时候遇到一个问题, 自定义指令从页面回去到了绑定元素El, 但是通过el.style.xxx 却不能获取到指定节点样式。

原因

el.style 这个方法只能JS只能获取写在html标签中的写在style属性中的值(style=”…”),而无法获取定义在里面的属性。

解决

使用增强的样式获取方法document.defaultView.getComputedStyle()

其接受两个参数 一是获取的元素, 二是想获取的伪类元素如('::after').

注意

此api可能在不同浏览器下获取的值有所不同建议不同浏览器下都调试一下