How do I change the ID of a HTML element with JavaScript?

by

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).

More Related Contents:

  1. 5 stars and the golden 5 stars are not together (When browsing with Internet explorer)
  2. Get the size of the screen, current web page and browser window
  3. contenteditable, set caret at the end of the text (cross-browser)
  4. Browser detection versus feature detection
  5. OnChange event handler for radio button (INPUT type=”radio”) doesn’t work as one value
  6. How is the default submit button on an HTML form determined?
  7. Show datalist labels but submit the actual value
  8. Jquery load() only working in firefox?
  9. Is there a way to make text unselectable on an HTML page? [duplicate]
  10. How to add/update an attribute to an HTML element using JavaScript?
  11. Prevent zoom cross-browser
  12. How to make Internet Explorer emulate pointer-events:none?
  13. textarea character limit
  14. Close Current Tab
  15. Enter key press behaves like a Tab in Javascript
  16. IE8 alternative to window.scrollY?
  17. Setting minimum size limit for a window minimization of browser?
  18. Is there any problem with using HTML5’s “data-*” attributes for older browsers?
  19. How to make an HTML element editable cross-browser?
  20. How to detect supported video formats for the HTML5 video tag?
  21. Testing for multiple screens with javascript
  22. Retrieving HTML attribute values “the DOM 0 way”
  23. Use JavaScript to intercept all document link clicks
  24. Cross-browser innerText for setting values
  25. How can I detect if a browser is blocking a popup?
  26. onclick open window and specific size
  27. onclick go full screen
  28. option.style.display = “none” not working in safari [duplicate]
  29. How to recall or restart MathJax?
  30. Fire oninput event with jQuery

Leave a Comment