javascript - 处理 SVG 图像的属性

Question

我试图在单击按钮后更改我的甲虫的“轮廓”(根据 svg 属性的描边)，但由于我在我的代码示例中没有看到任何错误，所以它不起作用，为什么？

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' 标签两边的引号，所以它只是显示为 undefined variable 。

这会起作用

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

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