javascript獲取網頁元素

 

通過數組或者名稱來獲得頁面元素。

 

<form action='#'> <input type="text" value="text in form1" /> </form> <form action='#'> <input type="text" value="text1 in form2" /> <input type="text" value='text2 in form2' /> <input type="text" name="HongTest" value="HongTest" /> </form> <script type="text/javascript" charset="gb2312"> <!-- var msg=""; msg+="<mce:script type="text/javascript" src="http://hi.images.csdn.net/js/blog/tiny_mce/themes/advanced/langs/zh.js" mce_src="http://hi.images.csdn.net/js/blog/tiny_mce/themes/advanced/langs/zh.js"></mce:script><mce:script type="text/javascript" src="http://hi.images.csdn.net/js/blog/tiny_mce/plugins/syntaxhl/langs/zh.js" mce_src="http://hi.images.csdn.net/js/blog/tiny_mce/plugins/syntaxhl/langs/zh.js"></mce:script>通過位置訪問文檔對象:/n/n"; msg+="form[0].elements[0].value:"+document.forms[0].elements[0].value+"/n/n"; msg+="form[1].elements[0].value:"+document.forms[1].elements[0].value+"/n/n"; msg+="form[1].elements[1].value:"+document.forms[1].elements[1].value+"/n/n";//通過數組來獲得對象. msg+="input button.value:"+document.forms[1].HongTest.value+"/n";//通過名字來獲得對象 window.alert(msg);  

 

 

通過函數輸出頁面元素

<p id="p1">Welcome to <b>DOM</b> world!</p> <script type="text/javascript" > //返回對象的相關信息. function nodeStatus(node){ var temp=""; if(node.nodeName!=null) { temp+="nodeName:"+node.nodeName+"/n"; } else temp+="nodeName:null/n/n"; if(node.nodeType!=null)//((node.nodeType!=null)這樣就整個瀏覽器無法解析了.真是的. { temp+="nodeType:"+node.nodeType+"/n/n"; } else temp+="nodeType:null/n/n"; if(node.nodeValue!=null) { temp+="nodeValue:"+node.nodeValue+"/n/n"; } temp+="nodeValue:null/n/n"; return temp; } //處理並輸出信息. //返回id屬性p1的元素對象. var currentElement=document.getElementById('p1'); var msg=nodeStatus(currentElement); //返回p1的第一個孩子,並輸出相關信息. currentElement=currentElement.firstChild; msg+=nodeStatus(currentElement); alert(msg); 

通過其中MyForm1和MyTextOfForm1是name

document.forms["MyForm1"].elements["MyTextOfForm1"]