Get the string representation of a DOM node

by

You can create a temporary parent node, and get the innerHTML content of it:

var el = document.createElement("p");
el.appendChild(document.createTextNode("Test"));

var tmp = document.createElement("div");
tmp.appendChild(el);
console.log(tmp.innerHTML); // <p>Test</p>

EDIT:
Please see answer below about outerHTML. el.outerHTML should be all that is needed.

More Related Contents:

  1. Browser detection versus feature detection
  2. How can I check if an element exists in the visible DOM?
  3. How do I do OuterHTML in firefox?
  4. How to add/remove a class in JavaScript?
  5. event.toElement in IE8 and Firefox?
  6. How to set DOM element as first child?
  7. What’s the most concise cross-browser way to access an element’s window and document?
  8. Adding Event Listeners on Elements – Javascript
  9. How do I replace a character at a particular index in JavaScript?
  10. Parse an HTML string with JS
  11. How to count string occurrence in string?
  12. When should I use jQuery’s document.ready function?
  13. How to compress an image via Javascript in the browser?
  14. How to find if an array contains a specific string in JavaScript/jQuery?
  15. How do I replace text inside a div element?
  16. getElementsByName in IE7
  17. How to build query string with Javascript
  18. Cross-browser bookmark/add to favorites JavaScript [duplicate]
  19. Recursively print all permutations of a string (Javascript)
  20. JavaScript: DOM load events, execution sequence, and $(document).ready()
  21. Difference between .tagName and .nodeName
  22. Forcing a DOM refresh in Internet explorer after javascript dom manipulation
  23. Why can’t I pass “window.location.reload” as an argument to setTimeout?
  24. Javascript string comparison fails when comparing unicode characters
  25. Find the characters in a string which are not duplicated
  26. jQuery call function from a string [duplicate]
  27. Storing a variable in the JavaScript ‘window’ object is a proper way to use that object?
  28. Find the exact height and width of the viewport in a cross-browser way
  29. How to change behavior of contenteditable blocks after on enter pressed in various browsers
  30. How can I detect a Scrollbar presence ( using Javascript ) in HTML iFrame?

Leave a Comment