动态创建的元素无法设置name属性吗?

pelement.Name?
记得这个大小写要很注意，不记得name要不要

解决方案 »

  1.   

    前端用JS 在IE里好象有问题, 可以用id
    不过这样设置后提交, 后台还是可以根据name获取到的...
      

  2.   

    网上查了一下
    并不是设置name不成功  以上的设置是成功的 但是只在ff下有效果
    ie中getElementsByName("xx")的时候返回的居然是id=xx的object数组，而使用firefox则返回的是name＝xx的object的数组
    所以  你要是在ie下直接用name去查找的话是找不到的
    name对应的是id  呵呵 ie好搞笑
    <body></body>
    <script>
    var pelement = document.createElement("input");
    pelement.type="checkbox";
    pelement.id="ckbbieming";  //ie下 这个注释掉 就alert()不出来
    pelement.name="ckbbieming";  
    document.body.appendChild(pelement)
    alert(document.getElementsByName("ckbbieming")[0].nodeName)
    </script>
      

  3.   

    IE下面，并不是所有元素，都支持使用name取得，一般form下面的东西，都是可以的，但是div之类就不行IE的input，使用上面的方式可能会取不到name的，需要这样设置
    var pelement = document.createElement("<input type='checkbox' name='ckbbieming' />");IE在getElementsByName时，其实找的是name和id（实在比较无语……）
      

  4.   

    让你看看2个例子，你就知道id和name的读取顺序的问题：
    第一个例子：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <style>
    body {cursor: url('joekoe.cur');}
    </style>
    </head><body>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function chkacc(){
    alert(document.getElementById("aa").value);
    alert(document.getElementById("bb").value);
    alert(document.getElementById("a").value);
    alert(document.getElementById("b").value);
    }
    //-->
    </SCRIPT>
    <INPUT TYPE="text" NAME="a" id="aa">
    <INPUT TYPE="text" NAME="b" id="bb">
    <INPUT TYPE="text" NAME="a1" id="a">
    <INPUT TYPE="text" NAME="b1" id="b"></FORM></body>
    </html>
    4个文本框你按顺序输入1，2，3，4
    结果只得到1，2，1，2，并没有得到实际的而不是1，2，3，4
    再来看下面这个例子：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <style>
    body {cursor: url('joekoe.cur');}
    </style>
    </head><body>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function chkacc(){
    alert(document.getElementById("aa").value);
    alert(document.getElementById("bb").value);
    alert(document.getElementById("a").value);
    alert(document.getElementById("b").value);
    }
    //-->
    </SCRIPT>
    <INPUT TYPE="text" NAME="a1" id="a">
    <INPUT TYPE="text" NAME="b1" id="b">
    <INPUT TYPE="text" NAME="a" id="aa">
    <INPUT TYPE="text" NAME="b" id="bb">
    </FORM></body>
    </html>
    4个文本框你按顺序输入1，2，3，4
    得到的结果是3，4，1，2
    和我们实际输入的相符合这是在IE情况下的
      

  5.   

    然后再看这个例子：<SCRIPT LANGUAGE="JavaScript">
    <!--
    function chkacc(){
    alert(document.getElementsByName("aa")[0].value);
    alert(document.getElementsByName("bb")[0].value);
    alert(document.getElementsByName("a")[0].value);
    alert(document.getElementsByName("b")[0].value);
    }
    //-->
    </SCRIPT>
    <INPUT TYPE="text" NAME="a" id="aa">
    <INPUT TYPE="text" NAME="b" id="bb">
    <INPUT TYPE="text" NAME="a1" id="a">
    <INPUT TYPE="text" NAME="b1" id="b"></FORM>
    <INPUT TYPE="button" value="檢查" name="btnchk" onclick="chkacc();">
      

  6.   

    比较囧的结果：
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head><body>
    <!--应该取到的没取到-->
    <div name="aa"></div>
    <!--取到-->
    <input type="checkbox" name="aa" />
    <!--不应该取得却取到了...-->
    <input type="checkbox" id="aa" /><script type="text/javascript">
    var pelement = document.createElement("<input type='checkbox' name='aa' />");//这个也取到了
    document.body.appendChild(pelement);
    alert(document.getElementsByName("aa").length);
    </script>
    </body>
    </html>
      

  7.   

    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function chkacc(){
    alert(document.getElementsByName("aa")[0].value);
    alert(document.getElementsByName("bb")[0].value);
    alert(document.getElementsByName("a")[0].value);
    alert(document.getElementsByName("b")[0].value);
    }
    //-->
    </SCRIPT>
    <INPUT TYPE="text" NAME="a" id="aa">
    <INPUT TYPE="text" NAME="b" id="bb">
    <INPUT TYPE="text" NAME="aa" id="a">
    <INPUT TYPE="text" NAME="ba" id="b"></FORM>
    <INPUT TYPE="button" value="檢查" name="btnchk" onclick="chkacc();">
    再看上面这个例子
      

  8.   

    bug，绝对的bug
    方法一：createElement("... name='xxx'...")
    方法二：document.getElementById("xxx").name="xxxxx"