子ノードの末尾に新しい子ノードを追加するappendChild()

createElement()でli要素を作り、appendChild()でmyListの末尾に追加している。 ボタンをクリックするごとに、この処理が実行されてリストが増える。

実行結果

1. JavaScript
2. VBScript
3. JScript

source

<ol id="myList">
<li>JavaScript</li>
<li>VBScript</li>
<li>JScript</li>
</ol>

<script language="javascript">
function testAppend()	{
	var elem = document.createElement('li');
	var main = document.getElementById('myList');
	main.appendChild(elem);
}
</script>
<button onclick="testAppend()">TEST</button>