不能更改元素的name屬性

Question

這裏是我的問題相當簡化的版本：

我有什麼：

<td id='cell'><input name="elem_1_Name"/></td>

做我想做的：

<td id='cell'><input name="elem_1_Name"/><input name="elem_5_Name"/></td>

我已經試過：

var elem = document.getElementById("cell").lastChild.cloneNode(true);

然後：

elem.name = elem.name.replace("1","5");

或

elem.name = "elem_5_Name";

或

elem.setAttribute("name","elem_5_Name");

，最後

document.getElementById("cell").appendChild(elem);

我怎麼得到在調試：

elem.name : "elem_5_Name"

!!但!!

document.getElementById("cell").innerHTML : <input name="elem_1_Name"/><input name="elem_1_Name"/>

當我嘗試直接設置innerHTML的 - 我有IE未知的運行時錯誤

Answer 1

document.getElementById("cell").innerHTML : <input name="elem_1_Name"/><input name="elem_1_Name"/>
應該是：
document.getElementById("cell").innerHTML='<input name="elem_1_Name"/><input name="elem_5_Name"/>';

這個工程跨瀏覽器（在IE6測試）。

正如Bergi指出的那樣，下面的代碼也應該工作（在IE6和FF12中測試）。
它使用條件註釋針對微軟的JScript（因此IE）：

/*@cc_on @if (@_jscript) 
var elem = document.createElement('<input name="elem_5_Name">'); 
@else */ 
var elem = document.createElement("input"); 
elem.name = "elem_5_Name"; 
/* @end @*/ 

document.getElementById("cell").appendChild(elem); 

GOOD LUCK !!

Answer 2

name attribute/property在早期的IE版本中是quirksy。見

• http://javascript.about.com/library/bliebug2.htm
• http://thunderguy.com/semicolon/2005/05/23/setting-the-name-attribute-in-internet-explorer/

（從this question）