Get the string representation of a DOM node

Question

Javascript: I have the DOM representation of a node (element or document) and I\'m looking for the string representation of it. E.g.,

var el = document.creat         


        

Answer 1

Under FF you can use the XMLSerializer object to serialize XML into a string. IE gives you an xml property of a node. So you can do the following:

function xml2string(node) {
   if (typeof(XMLSerializer) !== 'undefined') {
      var serializer = new XMLSerializer();
      return serializer.serializeToString(node);
   } else if (node.xml) {
      return node.xml;
   }
}

Answer 2

If your element has parent

element.parentElement.innerHTML

Answer 3

I dont think you need any complicated script for this. Just use

get_string=(el)=>el.outerHTML;

Answer 4

Try

new XMLSerializer().serializeToString(element);

Answer 5

if using react:

const html = ReactDOM.findDOMNode(document.getElementsByTagName('html')[0]).outerHTML;