为什么style.strokeDashoffset总是返回空，即使设置了？

Question

所以我试图使用javascript来增加svg的stroke-dashoffset css但我无法获得任何svg路径的当前stroke-dashoffset。

这是一个jsfiddle，可以通过这种方式在控制台中显示：

setInterval(function(){
    path = document.getElementById("path1");
    console.log(path.style.strokeDashoffset)
},50)

如何获得路径的计算的curent stroke-dashoffset值？

Answer 1

你必须使用getComputedStyle（）函数：

setInterval(function(){
  path = document.getElementById("path1");
  console.log(window.getComputedStyle(path).strokeDashoffset)
},50)

http://jsfiddle.net/46cmu71t/39/