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>
VUE