HTML DOM elements ¼¯ºÏ
¶¨ÒåºÍÓ÷¨
elements ¼¯ºÏ¿É·µ»Ø°üº¬±íµ¥ÖÐËùÓÐÔªËØµÄÊý×é¡£
ÔªËØÔÚÊý×éÖгöÏÖµÄ˳ÐòºÍËüÃÇÔÚ±íµ¥µÄHTML Ô´´úÂëÖгöÏÖµÄ˳ÐòÏàͬ¡£
ÿ¸öÔªËØ¶¼ÓÐÒ»¸ö type ÊôÐÔ£¬Æä×Ö·û´®ÖµËµÃ÷ÁËÔªËØµÄÀàÐÍ¡£
Óï·¨
formObject.elements[].property
ÌáʾºÍ×¢ÊÍ
Ìáʾ£ºÈç¹û elements[] Êý×é¾ßÓÐÃû³Æ£¨input ±êÇ©µÄ id »ò name ÊôÐÔ£©£¬ÄÇô¸ÃÔªËØµÄÃû³Æ¾ÍÊÇ formObject µÄÒ»¸öÊôÐÔ£¬Òò´Ë¿ÉÒÔʹÓÃÃû³Æ¶ø²»ÊÇÊý×ÖÀ´ÒýÓà input ¶ÔÏó¡£
¾ÙÀý£¬¼ÙÉè x ÊÇÒ»¸ö form ¶ÔÏ󣬯äÖеÄÒ»¸ö input ¶ÔÏóµÄÃû³ÆÊÇ fname£¬Ôò¿ÉÒÔʹÓà x.fname À´ÒýÓøöÔÏó¡£
ʵÀý
ÏÂÃæµÄÀý×ÓÊä³öÁËËùÓÐ±íµ¥ÔªËØµÄÖµºÍÀàÐÍ£º
<html>
<body>
<form id="myForm">
Firstname: <input id="fname" type="text" value="Mickey" />
Lastname: <input id="lname" type="text" value="Mouse" />
<input id="sub" type="button" value="Submit" />
</form>
<p>Get the value of all the elements in the form:<br />
<script type="text/javascript">
var x=document.getElementById("myForm");
for (var i=0;i<x.length;i++)
{
document.write(x.elements[i].value);
document.write("<br />");
document.write(x.elements[i].type);
document.write("<br />");
}
</script>
</p>
</body>
</html>