您的位置:首页 > Web前端 > HTML

HTML DOM elements 集合包含哪些元素

2017-01-01 11:43 239 查看
<form action="javascript:void%200" onsubmit="sendData();return false" name='form1'>
<p>First name:<input type="text" name="firstname" size="20"></p>
<p>Last name:<input type="text" name="lastname" size="20"></p>
<p>Gender:<input type="text" name="gender" size="2"></p>
<p>Country:<input type="text" name="country" size="20"></p>
<p><button type="submit">Send Data</button></p>
</form>
<script>
var frm = document.forms[0];
var numberElements = frm.elements.length;
for(var i=0; i<numberElements;i++){
alert(frm.elements[i].type);
}
alert(numberElements);
</script>

输出结果为:5 text  text  text  text  submit。

elements定义:

elements 集合可返回包含表单中所有元素的数组。

元素在数组中出现的顺序和它们在表单的HTML 源代码中出现的顺序相同。

每个元素都有一个 type 属性,其字符串值说明了元素的类型。

当把<p>元素删除后,elements的长度为0,这说明elements中不包含p元素。经过测试几次,知道,elements中包含input,select,而不包含p,ul,li

,
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐