JavaScript程序设计基础教程实训指导-8-1 实训案例名称：使用表单elements属性

实训案例名称使用表单属elements性.任务介绍1使用表单的属性来遍历表单中的所有元素form elements.任务目标2学会表单属性的使用JavaScript elements实现思路

3.可获得表单中的第一个字段；form.elements

[0];可获得表单中名为的字段;form.elements[textbox1textbox I可获得表单中包含的字段的数量form.elements.length;实现代码

4.完整代码如脚本所示8-1脚本8-

1.html!DOCTYPE htmlhtmlheadmetacharset=UTF-8/headbodyform id=myForm姓名input type=text name-name value=I***,br性别〈input type=radio name=nsex value=^checked=“true”男input type=,radio name=sex”value二女女br年龄〈二input type=“text”name=age”value“28vbr住址二“山东〉input name=address”value br/form点击以下按钮，显示元素中所有元素的数量vp formv/p按钮〈/button onclick=myFc”button,p id=demo/pscriptfunction myFc{var obj=document.getElementByldmyForm.elements;var len=document.getElementByldmyForm.elements.length;var tmp=var tmp_value=,H,;forvar i=0;ilen;i++{if obj[i].hasAttribute,name,{tmp+=obj[i].name+tmp_value+=obj[i].value+*元素中document.getElementBylddemo.innerHTML=form有H+len+n个元素+”br元素名称分别为”+tmp+”vbr元素值分别每王**为”+tmp_value;龄址/script姓性28年住山东/body点击以下按钮，显示元素中所有元素的/html form数量元素中有个元素grm5元素名称分别为name sexsex ageaddress元素值分别为王**男女山东

28.结果5图任务运行结果

8.18-1单击按钮显示结果如图所示

8.1:yS。