操作SVG图像的属性

Question

我试图在onclick按钮后更改我的甲壳虫的“轮廓”（中风的属性），但由于我没有看到我的代码示例中有任何错误，它不起作用，为什么？

var beetlebtn=document.getElementById("btn"); 
var beetle =document.getElementById("Layer_1"); 

beetlebtn.addEventListener(click, function(){ 
    beetle.style.stroke="yellow"; 
}); 

Link to my pen

Answer 1

你忘了周围的'click'标签引号，所以它只是显示为一个未定义的变量。

这将工作

beetlebtn.addEventListener('click', function(){ 
    beetle.style.stroke="yellow"; 
}); 

链接：https://codepen.io/anon/pen/pwOWjy