動的に以下のような<div>要素を作りたいです。
あらかじめ用意した<div id="result">の中に、
タイトルテキストがあって、次にリンクがついた文字列とリンクが付いた画像を配置し、これらを一つの<div>にしたいです。
<div id="result"> <div> タイトル<br> <a href="www.xxx.com">リンク</a><br> <a href="www.xxx.com"> <img src="aaa.jpg" /> </a> </div> </div>
下のようなJavaScriptを考えましたが、
<div>タイトル</div>のように、<div>がタイトルだけにかかりうまくいきません。var element = document.createElement("div"); var list = document.getElementById("result").appendChild(element); list.textContent ="タイトル"; var imageURL = "xxxxxx" const imgae = document.createElement("a"); document.getElementById("result").appendChild(imgae).innerHTML = "<img src ="+imageURL+">"; var el_a = document.createElement("a"); el_a.setAttribute("href", URL); el_a.appendChild(imgae); document.getElementById("result").appendChild(el_a);
「動的」とは仰いますが、そのトリガーは何でしょうか?
提示したコードだと固定値で静的に作っているようにしか見えません
回答1件
あなたの回答
tips
プレビュー