在 Javascript 中获取 CSS 变量不起作用

Question

我有2个CSS变量“--nav-color”和“--link-color”，但它只console.logs我的--nav-color。

let regex = new RegExp('--', 'gim');
for (let i of Array.from(getComputedStyle(document.documentElement))) {
  if (regex.test(i)) {
    console.log(i); 
  }
}

我尝试了多种方法，其中之一是将 console.log(regex.test(i)) 放在 if 之后，但问题是它还记录了 false 和 true 值。

Answer 1

let regex = new RegExp('--', 'gim');
for (let i of Array.from(getComputedStyle(document.documentElement))) {
  if (testReg(regex,i)) {
    console.log(i); 
  }
  regex.test()
}

我刚刚将 regex.test() 放在它后面，现在它工作正常，但我想知道它们是否有其他更好的方法来解决这个问题。