JavaScript中获取表单对象（DOM）的方法有哪些

1.通过id获取

HTML部分

  <form>
        <input  type="text"  value="请输入用户名" id=”number”><br />
        <input type=" button"   value="提交"  onclick="checkForm()">
    </form>

JS部分

<script>
        function checkForm() {
				var obj = document.getElementById("number").value;
				alert(obj)
		}
</script>

2.通过name获取

HTML部分

  <form id ="form1"  name=”form1”>
        代号:<input type="text" name="a" value="1"><br>
        代号:<input type="text" name="a" value="2"><br>
        代号:<input type="text" name="a" value="3"><br>
        <input  type="submit" value="提交">
   </form> 

JS部分

<script  type="text/javascript">
        document.getElementById('form1').onsubmit=function(){ 
        var as=document.getElementsByName('a');  //数组
        for(i=0; i<as.length;i++){
         alert(as[i].value);
        }
      }
   </script>

3.通过name递进式寻址获取

通过name递进式寻址的方法有四种：

HTML部分

<form id="form1" name="form1" action="tj.php">
			代号：<input type="text" name="a" value="1"/><br>
			代号：<input type="text" name="a" value="2"/><br>
			代号：<input type="text" name="a" value="3"/><br>
			<input type="submit" value="提交">
</form>

JS部分

<script>
			// 方法1
			// var obj=document.form1.number.value;
			// console.log(obj);
			// 方法2
			// var obj = document.forms[0].number.value;
			// console.log(obj);
			// 方法3
			// var obj = document.forms[0]['number'].value;
			// console.log(obj);
			// 方法4
			var obj = document.form1['number'].value;
			console.log(obj);
		</script>