How to change the value of id or name?

Question

Example:

<table id ='table'>
<tr>
<td>1</td>
<td><select id='old' name='old'></select></td>
<td><select id='old2' name='old2'></select></td>
<td><div id='old3' name='old3'></div></td>
</tr>
</table>

How to change the value of id or name from select id ='old' to select id ='new' (for example) after deleting rows in javascript? I have been trying all the methods like trying getElementById('old') = 'new' but not work, used replaceChild also not work (or maybe I put the wrong code, no idea). Do you have other alternatives? (No JQuery, please).

Thanks.

Answer 1

You can use the setAttribute method to accomplish this

document.getElementById("old").setAttribute("id","new");
document.getElementById("new").setAttribute("name","new");