js之elements用法

1 js中有elements的用法，该用法是用于form表单内部的，其余的地方不能使用，否则会报错。
如：<form name="form1" action="" method="post">
     <input type="text" id="bean.user_id" name="bean.user_id" value=""/>
     <input type="text" id="bean.user_password" name="bean.user_password" value=""/>
     <input type="button" id="btn1" name="btn1" value="登陆" οnclick="btn_btn1_onclick()"/>
    </form>
    
    <input type="hidden" id="aa" name="aa" value=""/>


js:
var id=document.form1.elements["bean.user_id"];//不会报错
var password=document.form1.elements["bean.user_password"];//不会报错
//var aa=document.elements["aa"];//会报错


注意：elements的用法只能用在form表单的内部元素上，外部的元素不能用elements。


2 elements用法是：document.form的name.elements["元素的id"]
如：<form name="form1" action="" method="post">
     <input type="text" id="bean.user_id" name="bean.user_id" value=""/>
     <input type="text" id="bean.user_password" name="bean.user_password" value=""/>
     <input type="button" id="btn1" name="btn1" value="登陆" οnclick="btn_btn1_onclick()"/>
    </form>


js：
var id=document.form1.elements["bean.user_id"];


这和通过document.getElementById("元素的id")得到的差不多。这里记录只是用来学习elements的用法。


记住：以后看到js中的elements用法。是用于form内部的元素上的。是得到该元素的对象。