<html>
<head><title>getElementByName</title>
</head>
<body>
<form name="from1" action="text.html" method="post">
<input type="text" name="username" value="Id1" id="tid1" οnchange="change()"/><br/>
<input type="text" name="username" value="Id2" id="tid2"/><br/>
<input type="text" name="username" value="Id3" id="tid3"/><br/>
<input type="button" name="ok" value="baocun"/>
</form>
<select name="edu" id="edu">
<option value="博士">博士...</option>
<option value="碩士">碩士...</option>
<option value="本科">本科...</option>
<option value="幼兒園">幼兒園...</option>
</select>
<select name="job" id="job">
<option value="美容">美容...</option>
<option value="IT">IT...</option>
<option value="程序員">程序員...</option>
<option value="建築師">建築師...</option>
</select>
<p id="pid" name="8888">明天上課</p>
</body>
<script language="javascript">
//select input p爲元素節點
//文本節點就是“明天上課” text
//id="pid"爲屬性節點
//元素節點 id="tid1" 輸出nodeName nodeType nodeValue
var inputElement = document.getElementById("tid1");
alert("元素節點的名稱:"+inputElement.nodeName);
alert("元素節點的類型:"+inputElement.nodeType);
alert("元素節點的值:"+inputElement.nodeValue);
//文本加點id="pid" 輸出nodeName nodeType nodeValue
var pidElement = document.getElementById("pid");
var pidtextElement = pidElement.firstChild;
alert("文本節點名稱:"+pidtextElement.nodeName);
alert("文本節點類型:"+pidtextElement.nodeType);
alert("文本節點值:"+pidtextElement.nodeValue);
//屬性節點id="pid" 中name這個屬性節點 輸出nodeName nodeType nodeValue
//獲取id=pid中name這個屬性節點
var attrElement = pidElement.getAttributeNode("name");
alert("屬性節點名稱:"+attrElement.nodeName);
alert("屬性節點類型:"+attrElement.nodeType);
alert("屬性節點值:"+attrElement.nodeValue);
</script>
</html