ansaurus

Question

How do i change html element id client side with JavaScript?

Answer 1

+4 A:

It does work in Firefox (including 2.0.0.20). See http://jsbin.com/akili (add /edit to the url to edit):

<p id="one">One</p>
<a href="#" onclick="document.getElementById('one').id = 'two'; return false">Link2</a>

The first click changes the id to "two", the second click errors because the element with id="one" now can't be found!

Perhaps you have another element already with id="two" (FYI you can't have more than one element with the same id).

Roatin Marth 2009-10-30 14:59:32

+1 For uploading an example

Seb 2009-10-30 15:00:03

Answer 2

+1 A:

That seems to work for me:

<html>
<head><style>
#monkey {color:blue}
#ape {color:purple}
</style></head>
<body>
<span id="monkey" onclick="changeid()">
fruit
</span>
<script>
function changeid ()
{
var e = document.getElementById("monkey");
e.id = "ape";
}
</script>
</body>
</html>

The expected behaviour is to change the colour of the word "fruit".

Perhaps your document was not fully loaded when you called the routine?

Kinopiko 2009-10-30 15:01:52

See my most recent edit.

Tesseract 2009-10-30 15:10:20

ansaurus

tags:

views:

answers:

How do i change html element id client side with JavaScript?

related questions