用JavaScript切换SVG？

-1

我一直在为一个扩展程序编写代码，以便在网站上基本上自动化几次点击。我已经能够自动化每个按钮，除了SVG“按钮”上的初始第一次点击。用JavaScript切换SVG？

<svg x="0px" y="0px" viewBox="0 0 18 18" class="buy-toggle "> 

<path d="M16.6,13.2L9,17.4l-7.6-4.2L9,0.5L16.6,13.2z M9.1,9.4l-5,3l5,2.5l5-2.6L9.1,9.4z M6,8.9L9,7l3,1.9L9,4.4L6,8.9z"></path>

这是SVG切换本身的代码。我尝试过使用通常的ElementbyClass和DocumentJquery，但是都不想让菜单处于打开状态。

来源

2016-11-20 Jake

显示你的JavaScript。 – SeinopSys

这是没有代码，因为从字面上我所尝试的一切都无法正常工作。无法点击（）;无法将其添加到变量，然后单击（）;不能添加侦听器，因为它认为SVG为空值 – Jake

我不知道是否正确理解你，但如果你要附加点击收听到您的SVG，像这样的工作的事情path：

var s = document.getElementById('s1'); 
 
s.addEventListener('click', function() { 
 
    console.log('clicked'); 
 
})

<svg x="0px" y="0px" viewBox="0 0 18 18" class="buy-toggle "> 
 
    <path id="s1" d="M16.6,13.2L9,17.4l-7.6-4.2L9,0.5L16.6,13.2z M9.1,9.4l-5,3l5,2.5l5-2.6L9.1,9.4z M6,8.9L9,7l3,1.9L9,4.4L6,8.9z"></path>

来源

2016-11-20 13:50:45 RizkiDPrast

谢谢你的尝试，但它给了我一直有的同样的错误。 “遗漏的类型错误：无法读取空的特性‘的addEventListener’” 好像没有监听器或外部的代码可以与它进行交互，其中我发现奇 – Jake

没关系，有一个隐藏的标签，这是真正的代码SVG按钮，不是我之前发布的。一旦我用新的ID标签替换了“s1”，它就起作用了，谢谢！ – Jake

你是否尝试从上面的代码片断点击路径（黑色区域）？它给了正确的听众但确定，只要你可以纠正问题:) 关于 – RizkiDPrast

用JavaScript切换SVG？

回答

相关问题