Javascript Ex - appendChild, insertBefore

 

<input type="button" value="AddList" onclick="addlist()"/>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<lo id="list1">
LIST1
</lo>

<script>
function addlist() {
	l1 = document.querySelector("#list1");
    e1 = document.createElement("li");
	tn = document.createTextNode("createTextNode1");
    e1.appendChild(tn);
	l1.insertBefore(e1, l1.childNodes[1]);
}
</script>

 

This is a Heading

This is a paragraph.

LIST1

 

Javascript CreateElement Ex