【javascript】要素の追加方法

特定のタグに要素を入れたかった時の備忘録

特定の要素に”テキスト”として挿入する方法

<div id="test"></div>
<script>
var div = document.getElementById('test');
div.textContent = '<p>これはテストです</p>';
</script>
<!-- 出力結果：<p>これはテストです</p> -->

特定の要素に”HTML”として挿入する方法

<div id="test"></div>
<script>
var div = document.getElementById('test');
div.innerHTML = '<p>これはテストです</p>';
</script>
<!-- 出力結果：これはテストです -->