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"]