SVG图像如何对“onclick”方法做出反应 - 例如

Question

我已将“onclick”附加到我的SVG图像上，并且在用户点击该图片后预计它会将其颜色（“填充”属性）更改为粉红色，但它不会发生，为什么？ 我为按钮（“Color me red”）做了同样的操作来改变红色的笔划并且工作正常。据我所知，SVG图像对“onclick”方法很敏感（我已经读过这个并且......尝试过 - 我自己创建的SVG矩形改变颜色，它就像一个魅力。我会感激任何帮助，因为我'我对此很困惑。

var beet=document.getElementsByTagName("path");

beet.addEventlistener("click", function(){  
 beet.style.fill="purple";
});

https://codepen.io/zeeebra/pen/awqPoG