使用Javascript如何交换文本框的id

Question

如何交换两个文本框的id ?

我有两个文本框

<input type="text" id="name1" name="fname"/>

和

<input type="text" id="name2" name="lname"/>

通过Javascript编程

，我想交换两个文本框的id name1和name2。请建议正确的方法来实现这一点。

Answer 1

function swapId( elem1, elem2 ) {
    var temp = elem1.id;
    elem1.id = elem2.id;
    elem2.id = temp;
}
swapId( document.getElementById('name1'), document.getElementById('name2') );

这是一个非常简单的例子。如果传入的值真的是对实际DOM节点的引用，应该有更多的检查。

Answer 2

交换id就像获取两个文本框的引用一样简单，然后分配您希望它们具有的id。虽然暂时使用两个具有相同ID的元素是无效的，但没有浏览器会阻止您这样做。

var fname = document.getElementById('name1');
var lname = document.getElementById('name2');
fname.setAttribute('id', 'name2');
lname.setAttribute('id', 'name1');

Answer 3

试试下面的代码…

var id1 = document.getElementById('name1');
var id2 = document.getElementById('name2');
id1.setAttribute("id", "name2");
id2.setAttribute("id", "name1");