###Jsファイルからhtml要素を出力したいです
bodyの一番最後にjsから下記要素をhtmlへ出力させたいです。
html
1 <div id="pop"> 2 <div class="wrap"> 3 <div class="block"> 4 <p class="icon"><img src="../img/pop_icon.png" alt=""></p> 5 <p class="ttl"> 6 タイトルタイトル 7 </p> 8 <p class="txt"> 9 テキストテキストテキスト<br> 10 テキストテキストテキスト 11 </p> 12 <ul class=""> 13 <li id="close">文字</li> 14 <li id="open"文字</li> 15 </ul> 16 </div> 17 </div> 18 </div>
上記のhtml要素をJsファイルからhtmlへ出力したいのですが、innerHTMLに上手く値を埋め込めないです。
この場合はもっと一行など細かく指定したほうがよろしいでしょうか?
jsから上手く出力させる方法を教えて頂きたいです。
###該当のソースコード
function appendSeacrhList(){ var element = document.createElement('div'); element.id = "test"; element.innerHTML = " '<div id="pop">'+ '<div class="wrap">'+ '<div class="block">'+ '<p class="icon"><img src="../img/pop_icon.png" alt=""></p>'+ '<p class="ttl">'+ 'タイトルタイトルタイトルタイトル'+ '</p>'+ '<p class="txt">'+ 'テキストテキストテキストテキスト<br>'+ 'テキストテキストテキストテキスト。'+ '</p>'+ '<ul class="">'+ '<li id="close">テキスト</li>'+ '<li id="open">テキストテキストテキストテキスト</li>'+ '</ul>'+ '</div>'+ '</div>'+ '</div>' "; document.getElementsByTagName('body')[0].appendChild(element); }; appendSeacrhList();
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/08/08 10:36