How to replace DOM element in place using Javascript?

by

by using replaceChild():

<html>
<head>
</head>
<body>
  <div>
    <a id="myAnchor" href="http://www.stackoverflow.com">StackOverflow</a>
  </div>
<script type="text/JavaScript">
  var myAnchor = document.getElementById("myAnchor");
  var mySpan = document.createElement("span");
  mySpan.innerHTML = "replaced anchor!";
  myAnchor.parentNode.replaceChild(mySpan, myAnchor);
</script>
</body>
</html>

More Related Contents:

  1. How do I check if an element is hidden in jQuery?
  2. How to stop event propagation with inline onclick attribute?
  3. Detect element content changes with jQuery
  4. When does reflow happen in a DOM environment?
  5. Javascript callback when IFRAME is finished loading?
  6. Can scripts be inserted with innerHTML?
  7. How to addEventListener to multiple elements in a single line
  8. Determine which element the mouse pointer is on top of in JavaScript
  9. How to avoid the need for ctrl-click in a multi-select box using Javascript?
  10. How to Implement DOM Data Binding in JavaScript
  11. How do I programmatically click on an element in JavaScript?
  12. Easiest way to sort DOM nodes?
  13. How to access component methods from “outside” in ReactJS?
  14. Intercept paste event in Javascript
  15. How to show a spinner while loading an image via JavaScript
  16. Why is document.all falsy?
  17. How to move an iFrame in the DOM without losing its state?
  18. ES6 Class: access to ‘this’ with ‘addEventListener’ applied on method [duplicate]
  19. Get the DOM path of the clicked
  20. Console shows error about Content Security policy and lots of failed GET requests
  21. contentDocument for an iframe
  22. How to reference the caller object (“this”) using attachEvent
  23. forEach method of Node.childNodes?
  24. Get elements from page.evaluate in Puppeteer? [duplicate]
  25. Getting HTML elements by their attribute names
  26. Display DIV at Cursor Position in Textarea [duplicate]
  27. Get immediate first child element
  28. How can I replace one class with another on all elements, using just the DOM?
  29. Is there a way to know if a link/script is still pending or has it failed
  30. Dynamically generated table – using an array to fill in TD values

Leave a Comment