用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？

回答

相關問題