Converting HTML string into DOM elements?

by

You can use a DOMParser, like so:

var xmlString = "<div id='foo'><a href="#">Link</a><span></span></div>";
var doc = new DOMParser().parseFromString(xmlString, "text/xml");
console.log(doc.firstChild.innerHTML); // => <a href="#">Link...
console.log(doc.firstChild.firstChild.innerHTML); // => Link

More Related Contents:

  1. Retrieve the position (X,Y) of an HTML element
  2. How can I tell if a DOM element is visible in the current viewport?
  3. Include another HTML file in a HTML file
  4. Parse an HTML string with JS
  5. jQuery document.createElement equivalent?
  6. Dynamically set value of a file input [duplicate]
  7. How do I create a link using javascript?
  8. How to append text to a “?
  9. Is it possible to run an .exe or .bat file on ‘onclick’ in HTML
  10. Find the closest ancestor element that has a specific class
  11. Retrieving the text of the selected in element
  12. Replace HTML page with contents retrieved via AJAX
  13. Pass mouse events through absolutely-positioned element
  14. getAttribute() versus Element object properties?
  15. How to get the HTML for a DOM element in javascript
  16. How to find a parent with a known class in jQuery?
  17. jQuery: how to change tag name?
  18. Why aren’t some technically serializable input properties serializable?
  19. How do you listen / detect changes to an input value – when the input value is changed via javascript?
  20. Adding images to an HTML document with JavaScript
  21. Add elements to the DOM given plain text HTML using only pure JavaScript (no jQuery)
  22. Add an element to the DOM with JavaScript
  23. Is it possible to use HTML’s .querySelector() to select by xlink attribute in an SVG?
  24. How to get the title of HTML page with JavaScript?
  25. How to append text to a div element?
  26. JQuery html() vs. innerHTML
  27. Accessing the document object of a frame with JavaScript
  28. Fill user name and password in a webpage using VBA
  29. Images failing to load in IE with DOM: 7009 error (unable to decode) in console
  30. Why is iframe.contentWindow == null?

Leave a Comment