代码执行是在html内从上往下执行的顺序关系
假如<p>标签在<script text/javascript>...</script>的前面，代码如下：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>document.getElementById</title>
</head>
<body>
<p id="con">JavaScript</p>
<script type="text/javascript">
var mychar=document.getElementById("con")
document.write("结果:"+mychar); //输出获取的P标签。
</script>
</body>
</html>
输出结果为：[object HTMLParagraphElement] //这里获取的结果是元素对象，以对象的形式输出
假如<p>标签在<script text/javascript>...</script>的后面，代码如下：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>document.getElementById</title>
</head>
<body>
<script type="text/javascript">
var mychar=document.getElementById("con")
document.write("结果:"+mychar); //输出获取的P标签。
</script>
<p id="con">JavaScript</p>
</body>
</html>
这时输出结果为：null
