innerHTML 输出顺序是怎么理解的，谁帮忙说下
<!DOCTYPE html>
<html>
<head>
<title>innerHTML</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
</head>
<body>
<p id=con>Hello World</p>
<script type="text/javascript">
var mycon=document.getElementById("con");
document.write("p标签原始内容:"+mycon.innerHTML+"<br>");
mycon.innerHTML="NEW text!";
document.write("p标签修改内容;"+mycon.innerHTML);
</script>
</body>
</html>这短代码输出：
NEW text!
p标签原始内容:Hello World
p标签修改内容;NEW text!
为什么“NEW text”会先输出？这种顺序是怎么理解的 谁邦我讲解下，谢谢
