表单字段element属性
表单中所有表单元素（字段）的集合。
该集合是⼀个有序列表。
每个表单字段在集合中的顺序，与它们出现在标记中的顺序相同。
可以按照位置和name特性，访问字段。
当多个字段的name名相同时，使⽤name访问字段，会返回⼀个NodeList。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>elements</title>
</head>
<body>
<form id="myForm">
<input type="text" name="textName1" />
<input type="text" name="textName2" />
<input type="radio" name="radioName" checked />
<input type="radio" name="radioName" />
<input type="radio" name="radioName" />
</form>
<script>
var myForm = ElementById("myForm");
// 取得第⼀个字段
var myForm1 = myForm.elements[0];
console.log("myForm1",myForm1);    // <input type="text" name="textName1" />
// 取得name为textName1的字段
var textName2 = myForm.elements["textName2"];
console.log("textName2",textName2);  // <input type="text" name="textName2" />
// 取得表单中包含字段的数量
var fieldCount = myForm.elements.length;
console.log("fieldCount",fieldCount);  // 5
htmlradio的text出不来
/
/ 取得name名相同的字段
var radioName = myForm.elements["radioName"]
console.log("radioName",radioName);  // [input,input,input]
var radioName2 = radioName[1];
console.log('radioName2',radioName2);  //<input type="radio" name="radioName" />
</script>
</body>
</html>
复制代码

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。