为什么换一种写法后，输出的结果就不一样了

<ul id="tost"><li>JavaScript</li><li>HTML</li></ul>
	<script>
		var tost = document.getElementById("tost");
		var newnode=document.createElement("li");
		newnode.innerHTML="PHP";
		tost.insertBefore(newnode,tost.lastChild);
	</script>  这个得到的结果是 
	JavaScript
        PHP
        HTML
        换这样写就不一样了
        <ul id="tost">
		<li>JavaScript</li>
		<li>HTML</li>
	</ul>
	<script>
		var tost = document.getElementById("tost");
		var newnode=document.createElement("li");
		newnode.innerHTML="PHP";
		tost.insertBefore(newnode,tost.lastChild);
	</script> 另一种结果
	JavaScript
        HTML
        PHP 这是为什么呢