javascript - CSSStyleDeclaration 的 getPropertyValue() 和方括号 [] 之间有区别吗？

Question

比如我们需要访问body的padding-right

let el = document.querySelector('body');
let style = window.getComputedStyle(el);

感谢this explanations ，很明显，它可以通过以下方式安全地完成:

style.paddingRight

或

style.getPropertyValue('padding-right')

但是，这似乎也可以正常工作:

style['padding-right']

有什么区别吗？谢谢

Answer 1

一个区别是 getPropertyValue 保证返回一个字符串，而使用直接属性访问(JavaScript 的括号或点表示法)你可以得到 undefined。 getPropertyValue 将在这种情况下返回空字符串。

let el = document.querySelector('body');
let style = window.getComputedStyle(el);

console.log(style.something === style.getPropertyValue('something')); // false