JS中通过name递进式寻址的4种方法

JS中通过name递进式寻址的4种方法

HTML部分

代码如下（示例）：

<form id="form1" name="form1" action="tj.php">
		<input type="text" name="one" value="1"><br />
		<input type="text" name="two" value="2"><br />
		<input type="text" name="three" value="3"><br />
		<input type="text" name="four" value="4"><br />
		<input type="submit" value="提交">
</form>

JS部分

代码如下（示例）：

<script type="text/javascript">
		//方法一
		 var objOne=document.form1.one.value;
		 console.log(objOne);//查看结果
		//方法二
		 var objTwo=document.forms[0].two.value;
		 console.log(objTwo);//查看结果
		//方法三
		 var objThree=document.forms[0]['three'].value;
		 console.log(objThree);//查看结果
		//方法四
		var objFour=document.form1['four'].value
		console.log(objFour);//查看结果
	</script>

总结

以上就是今天说的4种方法。