document.getElementByIdでURLを変数に代入したいのですが
うまくリンクになりません。
どこが間違っているのでしょうか?
どうしたらよいのでしょうか?
ソースはこちらです
<!DOCTYPE html>
<html lang="ja">
<head>
<script language="JavaScript" type="text/javascript">
var url = 'http://www.goo.ne.jp/';
var urlgoo = document.getElementById("urlgoo").src = url;
</script>
</head>
<body>
<a id="urlgoo" title="sample">Link</a>
</body>
</html>
No.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-t …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・【お題】絵本のタイトル
- ・【大喜利】世界最古のコンビニについて知ってる事を教えてください【投稿~10/10(木)】
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ページ内文字列の置換について
-
木曜日に日付を更新
-
明日の日にちを表示するときは
-
¥マークの検索について
-
<a href="#" …>の意味を教えて...
-
ページを訪問者にたった一度だ...
-
スマホ上で、左右スワイプで次...
-
javascriptでalertの文字列をコ...
-
javascriptの外部呼び出し
-
同意を求めて、次のページに進...
-
ホームページの一部の表示をラ...
-
getElementsByNameで要素が取得...
-
JavaScriptからVBScriptの呼び...
-
小窓を表示する時に、必ず右上...
-
リンク先のURLを記述せずに、Ja...
-
cssにjavascriptを入れる?呼び...
-
jQueryが開かない
-
ケータイでのダイアログ表示。
-
javascriptにてonclickを無効
-
javaスクリプトについて質問で...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
document.getElementById
-
CGIフォーム一定時間過ぎる...
-
明日の日にちを表示するときは
-
リンクのクリック数を把握したい
-
JavaScriptが有効な場合のみ表...
-
16進n桁の文字列変換の方法は?
-
javascriptで変数を組み込みたい
-
カウントダウンとカウントアッ...
-
¥マークの検索について
-
特定のURLからの訪問者を入室禁...
-
HPビルダーで『最終更新日時』...
-
JavaScriptが有効ならA、無効ならB
-
Javascript超初心者の質問です...
-
ブロックされるのかされないのか?
-
JavaScriptでエスケープ。<script
-
promptからのdocument.write
-
自動的にもとのページに再読み...
-
スクロールしても画像・文字が...
-
IEでiframe内のcookieを保持
-
外部JavaScriptの書き方
おすすめ情報