Edit in JSFiddle

var mylist = document.getElementById('myList');
var lis = document.getElementsByTagName('li');

console.log(lis[1]); // <li>Two</li>를 가리킨다. 
	
var fourthLi = document.createElement('li'); // 태그 li를 생성한다.
var fourthLink = document.createElement('a'); // 태그 a을 생성한다.
fourthLink.href = "http://google.com"; // 태그 a에 href 속성을 추가한다.  
	
var fourthText = document.createTextNode("Four"); // Four라는 텍스트를 생성한다.
mylist.appendChild(fourthLi).appendChild(fourthLink).appendChild(fourthText); 
// mylist(ul)의 자식에 li 태그인 fourthli 를 생성하고, 
// 그 자식에 href 속성을 가진 a 태그인 fourthLink를 추가해준다.
// 마지막으로 a 태그 자식에 텍스트를 추가해준다. 
	
var fifthLi = fourthLi.cloneNode(false); 
// true이면 해당 요소의 자식 요소까지 복제된다. 
fifthLi.innerHTML = '<a href="http://www.daum.net">Five</a>'; 
// 자식 요소의 속성과 텍스트를 바꿔준다.
mylist.insertBefore(fifthLi, fourthLi); // fifthLi를 fourthLi의 앞에 추가해준다. 
	
var sixthLi = fourthLi.cloneNode(true);
sixthLi.innerHTML = '<a href="http://thesoul214.blogspot.jp/">Six</a>';
mylist.insertBefore(sixthLi, lis[1].nextSibling);
// 지정 요소(lis[1] -> two)의 뒤에 sexthLi를 추가해준다. 

mylist.removeChild(lis[1]); // 지정 요소를 지우는 것도 가능하다. 

<h1>Studying JavaScript</h1>
	
<ul id="myList">
	<li>One</li>
	<li>Two</li>
	<li>Three</li>	
</ul>