Q&A
memos + "<br>"としてもダメです＞＜
こんにちは
配列をプロンプトで追加していきそれを順次innerHTMLで表示していきたいのですが思い通りに動きません
理想は配列内を改行して表示したいのですがくっついてしまいます
どうすればいいのでしょうか？
JavaScript
1 <body> 2 <div id="addBtn">addMemo</div> 3 <div id="showMemo"></div> 4 <script type="text/javascript"> 5 var memos = []; 6 var addBtn = document.getElementById('addBtn'); 7 var showMemo = document.getElementById('showMemo'); 8 addBtn.addEventListener('click', function(){ 9 var addMemo = prompt("メモ"); 10 memos.push(addMemo); 11 showMemo.innerHTML = memos; 12 }); 13 </script> 14 </body>
回答3件
0
XSS問題(ユーザがHTMLタグを入力出来てしまう)がありますが、ユーザが勝手にDOMを破壊する分には問題ないとする考えでしょうか。
安全性でいえば、テキストノードで扱う方がベターだと思います。
document.createDocumentFragment()DocumentFragment を生成document.createElement('br')でbr要素ノードを生成して DocumentFragment にappendChilddocument.createTextNode(addMemo)でテキストノードを生成して DocumentFragment にappendChild#showMemoにappendChild
Re: Furisuke さん
投稿2016/03/20 03:40
総合スコア18164
0
ベストアンサー
Javascript
1showMemo.innerHTML = memos; 2↓↓↓ 3showMemo.innerHTML = memos.join('<br>'); 4```ですかね？
投稿2016/03/20 10:13
総合スコア4437
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。