![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
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で質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- JavaScript 【Javascript】ボタンクリックで2つのclassに対し、それぞれ別のclassを追加したい 1 2022/07/29 20:52
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
クリックで色変更後に既に変更...
-
javascriptテキストBOX色を元に...
-
タブで開いてさらにタブ内をア...
-
javascriptでオブジェクトの重...
-
iframe内のリンクが飛ばないの...
-
背景色を一定時間ごとにランダ...
-
jQueryのアコーディオンメニュ...
-
一覧をタブメニューで絞り込ん...
-
document.getElementById( ).st...
-
テキストサイズ拡大・縮小のJav...
-
バッチファイルでカウントアッ...
-
javascriptでpostした値が取得...
-
クリックするとテーブルの列の...
-
removeAttribute()メソッドで削...
-
VBScriptでXMLのデータを取得す...
-
読み込んだQRコードをフォーム...
-
DOM操作(?)。idを数値順で上書...
-
プルダウンとチェックボックス...
-
divにinnerHTMLでセットすると...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
createElementで作成した要素を...
-
読み込んだQRコードをフォーム...
-
console.log結果をhtmlで表示し...
-
iframe内のリンクが飛ばないの...
-
変数内容をHTML内で表示する方法
-
getElementByIdの戻り値がnull...
-
背景色を透明化
-
自働生成される<div>タグに連番...
-
複数のリンク画像を一定時間で...
-
クリックで色変更後に既に変更...
-
removeEventListenerについて
-
IFRAMEの表示/非表示を切り替え...
-
表示・非表示のスクリプトで、...
-
タブで開いてさらにタブ内をア...
-
Jquery 親要素で順番入れ替え
-
HTML id名とjavascript変数名
-
VBScriptでXMLのデータを取得す...
-
[急ぎ] videoタグで埋め込んだm...
おすすめ情報