一个个JavaScript中的代码不运行的问题 - 黑马程序员技术交流社区

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>DOMdemo</title>
<script type="text/javascript">
var str="";
function demo()
{
var obj=document.getElementById("trid2");//根据id获取节点对象 //遇到的问题：为什么"trid2"和“trid3”可以运行，但是改成“trid1”时就不能运行了
var parent=obj.parentNode;//获取父节点对象
var pronode=obj.previousSibling;//获取上一个兄弟节点
var nexnode=obj.nextSibling;//获取下一个兄弟节点
str+="本节点....................<br/>";
nodeInfo(obj);
str+="父节点节点....................<br/>";
nodeInfo(parent);
str+="上一个兄弟节点....................<br/>";
nodeInfo(pronode);
str+="下一个兄弟节点....................<br/>";
nodeInfo(nexnode);
str+="子节点（多个）....................<br/>";
var child=obj.childNodes;//获取子节点对象（子节点有多个）
for(var x=0;x<child.length;x++)
{
nodeInfo(child[x]);
}
document.write(str);//打印信息
}
function nodeInfo(node)//把结点的信息记录到变量str中
{
str+="name:"+node.nodeName+"......type:"+node.nodeType+"......value:"+node.nodeValue+"<br/>";
}
</script>
</head>
<body>
<input type="button" value="演示" onclick="demo()" />
<table border="1" bordercolor="#0000FF" cellpadding="1" cellspacing="0" width="70%" >
<tr id="trid1">
<th colspan="2">注册页面</th>
</tr>
<tr id="trid2">
<th colspan="2">注册页面</th>
</tr>
<tr id="trid3">
<td >姓名(u)</td>
<td><input type="text" name="username" id="userid"/></td>
</tr>
<tr >
<td>密码(p)</td>
<td><input type="password" name="password" id="password"/></td>
</tr>
<tr >
<td>确认密码</td>
<td><input type="password" name="passwordtest" />
</td>
</tr>
<tr>
<td>性别</td>
<td><input type="radio" name="sex" value="nan"/>
男
<input type="radio" name="sex" value="nv" />
女 </td>
</tr>
<tr>
<td>技术</td>
<td><input type="checkbox" name="tech" value="java"/>
java
<input type="checkbox" name="tech" value="html"/>
html
<input type="checkbox" name="tech" value="jsp"/>
jsp </td>
</tr>
<tr>
<td>国家</td>
<td><select name="county">
<option value="none">--选择国家--</option>
<option value="ch">中国</option>
<option value="us">美国</option>
<option value="en">英国</option>
</select></td>
</tr>
<tr>
<th colspan="2"> <input name="提交" type="reset" value="重置页面"/>
<input name="submit" type="submit" value="提交数据"/>
</th>
</tr>
</table>
</body>
</html>

复制代码