<html>
<body>
<div id="textbox">
<!-- <p id="p1" class="text_cat">テキスト1</p>
//<p id="p2" class="text_cat">テキスト2</p>
//<p id="p3" class="text_cat">テキスト3</p>
-->
</div>
<script>
// id属性で要素を取得
var textbox_element = document.getElementById('textbox');
var textbox_test = document.getElementById('textbox');
// 新しいHTML要素を作成
var new_element = document.createElement('p');
var new_element2 = document.createElement('p');
new_element.textContent = '追加テキスト';
new_element2.textContent = 'test';
// 指定した要素の中の末尾に挿入
textbox_element.appendChild(new_element);
textbox_element.appendChild(new_element2);
</script>
</body>
</html>