前提・実現したいこと
jsの変数をhrefではなく、img srcに渡し、新規のWinodowを開こうとしています。
発生している問題・エラーメッセージ
<div><a href="" id="btn-a" target="_blank">新規Windowが開きます</a></div> ならば、問題なく新規のwindowが開きますが、下記のようにimg srcを使うと新規Winodwは開きますが、thumbsで指定したURLに飛ばず、元のURLが開きます。対処方法を教えて頂けますか。 ### 該当のソースコード <a href="" id="btn-a" class="button-a" target="_blank"><img src="new_window.svg" class="thumb" data-image="" alt="新規Windowボタン"></a> const thumbs = document.querySelectorAll('.thumb'); thumbs.forEach(function (item, index) { item.onclick = function () { document.getElementById('bigimg').src = this.dataset.image; var target = document.getElementById("btn-a"); target.href = this.dataset.image; } }); ### 試したこと img srcで表示される画像を右クリックして”リンクを新しいwindowで開く”を選択すると、指定したURLが新規Windowで開きます。 ### 補足情報(FW/ツールのバージョンなど) ここにより詳細な情報を記載してください。
javaではない気がします
bigimgというidのついたHTML要素はどこにあるのでしょうか?
初心者です。すみませんが、全体としてはhtml、CSS、JSを使っていますが、抜粋したのはhtmlとJSの一部と思っていますが違うでしょうか。
> 違うでしょうか。
質問に質問で返されても、私には質問者さんと同じ環境があるわけではないので
わかりかねます。
一応適当に回答つけてありますので、やりたいこととあったるかどうか
検証してみてください
(質問文は編集できます)JavaとJavaScriptは違う言語なので、質問タグを編集してください。
まだ質問が「受付中」になっていますが、「ベストアンサー」を選び「解決済」にされてはいかがでしょうか。