- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：document.getElementById）
document.getElementByIdでURLを変数に代入
このQ&Aのポイント
- document.getElementByIdでURLを変数に代入したいのですが、うまくリンクになりません。
- どこが間違っているのでしょうか？どうしたらよいのでしょうか？
- ソースコードはHTMLのhead要素内にJavaScriptを記述しています。
- synchro-night
- お礼率44% (71/161)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
注意したい点が2つあります。 1. <a>タグのリンク先はsrc属性ではなくhref属性で指定します。 2. ブラウザは、スクリプトやタグを「読み込み順に解析しながら」表示・実行していきます。 ブラウザが「var urlgoo = document.getElementById～」を実行する段階ではまだ「<a id="urlgoo" ～」の存在を知らないため、 document.getElementById("urlgoo")はnullが返ってきます。 ですから、スクリプトの位置をソースの最後の方に移動するか、window.onloadイベントを活用する事で 「<a id="urlgoo" ～」の解析が終わった後にスクリプトが実行されるようにする必要があります。
お礼
解答ありがとうございます。 考え方が よくわかり 理解が深まりました。 具体的な方法は 下記サイトで確認しました。 How to change href of <a> tag on button click through javascript - Stack Overflow http://stackoverflow.com/questions/4365246/how-to-change-href-of-a-tag-on-button-click-through-javascript