
JSで動的にリンクを作成をしたいのですがわかりません。
例を教えてもらったのですがどう書いていいのかわかりません…。
駄目な例:
<div id="link">
<a href="http://aaa.aa/">aaaa</a>
</div>
いい例
<div id="link"></div>
<script>
document.getElementByID("link")
に対してaddChild
</script>
いろいろ不足していると思いますがお願いします。
No.1ベストアンサー
- 回答日時:
たとえばこんな感じ?
<script>
window.onload=function(){
var obj=document.getElementById('link');
var tag=document.createElement('a');
tag.setAttribute('href','http://aaa.aa/');
tag.appendChild(document.createTextNode('aaaa'));
obj.appendChild(tag);
}
</script>
test
<div id="link"></div>
test
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
クリックで色変更後に既に変更...
-
IFRAMEの表示/非表示を切り替え...
-
バッチファイルでカウントアッ...
-
<Div>の中の要素の数を調べる
-
removeAttribute()メソッドで削...
-
取得した要素がインライン要素...
-
click範囲の指定
-
テキストエリア内の一部の文字...
-
テキストノードを非表示にでき...
-
classの中の<a>タグにidを追加
-
createElementで作成した要素を...
-
背景色を透明化
-
HTMLとJavaScriptで作ったタイ...
-
折りたたみ式JavaScriptをcheck...
-
1枚の画像をクリックすると複数...
-
WEBページ立ち上げ時に1回のみ...
-
文字をクリックしたら別の文字...
-
スクロール可能なチェックボックス
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
読み込んだQRコードをフォーム...
-
removeAttribute()メソッドで削...
-
IFRAMEの表示/非表示を切り替え...
-
VBAのことについて教えてくださ...
-
javascriptでpostした値が取得...
-
プルダウンメニュ 展開時にずら...
-
removeEventListenerについて
-
クリックすると隠れたテキスト...
-
プルダウンとチェックボックス...
-
指定字数以降隠す
-
自働生成される<div>タグに連番...
-
テキストボックスに入力された...
-
背景色を透明化
-
特定のものにだけスクリプトを...
-
ホームページ(デフォルトペー...
-
テキストエリア内の一部の文字...
-
隣のフレームの中のスタイルを...
-
java折りたたみタグを複数設置...
おすすめ情報