最近在回答一个网友的问题时发现了一个奇怪的问题:
在IE下,
var obj=document.createElement("<div>");
obj.name="divName";
document.body.appendChild(obj);
//alert(obj.outerHTML);//<div name=divName></div>
这样在页面上就创建了一个div对象,name为divName
此后,
var myAdd=document.getElementsByName("divName");
myAdd:name属性为divName的控件数组
但是拿到的却是空值,即myAdd.length为0
难道没有添加成功?
再试:
var myAdd=document.getElementsByTagName("div");
//alert(myAdd.length);//1
//alert(myAdd[0].name);//divName
事实上这个控件是添加成功的
这另我很是不解,难道又是IE的BUG
于是我查了下资料,很遗憾,没找到什么根据
在网上某网友的博客中看到document.createElement("<input name=inputName>")可以设置name属性
var obj=document.createElement("<input name=inputName>");
document.body.appendChild(obj);
var myAdd=document.getElementsByName("inputName");
//alert(myAdd.length);//1
//alert(myAdd[0].name);//inputName
哦~~~耶,成功得到
再试:
var obj=document.createElement("<div name=divName>");
document.body.appendChild(obj);
var myAdd=document.getElementsByName("divName");
//alert(myAdd.length);//0
哎......奇怪,怎么回事呢
困惑了......
出于好奇,我有种试遍所有控件的冲动,不过还好,没用得着试遍所有的控件,差不多找到规律了。
在IE里面,html元素如果可以作为容器,那么在document.createElement创建元素时是无法设置name属性的,比如:div,span,font等等。
相反不可以做为容器的,在用document.createElement创建元素时可以设置控件的name属性,比如:input,button,a,img等等。