2016-11-20 2 views
-1

私は基本的にウェブサイト上で数回のクリックを自動化すると思われる拡張機能のコードを書いています。私はSVGの "ボタン"上にある最初の最初のクリック以外のすべてのボタンを自動化することができました。SVGをJavascriptでトグルしますか?

<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を使用しようとしましたが、どちらもメニューを開いている状態で作業する必要はありません。

+0

ことはあなたのJavaScriptを表示します。 – SeinopSys

+0

これはコードではありません。文字通り私が試したことはすべて動作していないからです。クリックできません();変数に追加してからクリックすることはできません。リスナーを追加することはできません。SVGをnull値と考えるので、 – Jake

答えて

0

私はあなたが正しく理解していれば知っているが、あなたは、あなたの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>

+0

ありがとうございます。 「キャッチされない例外TypeError:ヌルのプロパティ 『にaddEventListener』を読み取ることができません」 それは私が奇妙 – Jake

+0

ネヴァーマインドを見つけています、それと対話することができていないリスナーや外部コード、のように思える、ありました実際のコードがためだった隠しタグSVGボタン、以前に投稿したものではありません。 「s1」を新しいIDタグ「Thank You!」に置き換えると、それはうまくいった! – Jake

+0

上記のスニペットからパス(黒い部分)をクリックしようとしましたか? それは正しいリスナ を与えましたが、あなたが問題を修正することができる限り、大丈夫です:) – RizkiDPrast

関連する問題