关于js中通过"."取对象

js中可以通过元素的name属性使用"."取得该元素。

例如下面的html代码:

<form name="testDian" id="test">
  <input name="aa" value="ssss" />
</form>
<input  name="bb" value="mmm"/>
<form name="111" id="test2"></form>
<div name="testDiv" id="test3"></div>

使用 document.testDian 得到form对象，之后可以对该对象进行正常的操作。

之前对这一知识点使用不多，所以一些问题经常混淆。

总结有几点要注意：

1.通过"."取对象的操作只能针对表单元素(form标签，和form下的取值标签 input等)；

2.不在form标签内的input等标签无法使用点取得该对象；

3.form表的名字不能以数字开头。

针对上面的代码：

1.document.testDian.aa = input Object ; 不能越级 document.aa= undefined;

2.document.bb=undefined;

3.document.111=undefined;

 

另外ie中可以通过id直接拿到某个元素，但是ff中不支持，所以建议大家不要这么用。

例如：ie下 可以直接

 test3.name ="testDiv";