Parse an HTML string with JS

Create a dummy DOM element and add the string to it. Then, you can manipulate it like any DOM element.

var el = document.createElement( 'html' );
el.innerHTML = "<html><head><title>titleTest</title></head><body><a href='test0'>test01</a><a href='test1'>test02</a><a href='test2'>test03</a></body></html>";

el.getElementsByTagName( 'a' ); // Live NodeList of your anchor elements

Edit: adding a jQuery answer to please the fans!

var el = $( '<div></div>' );
el.html("<html><head><title>titleTest</title></head><body><a href='test0'>test01</a><a href='test1'>test02</a><a href='test2'>test03</a></body></html>");

$('a', el) // All the anchor elements

Related Posts:

  1. jQuery document.createElement equivalent?
  2. How can I scroll to an element using jQuery?
  3. Include another HTML file in a HTML file
  4. How to resolve the C:\fakepath?
  5. JavaScript get element by name
  6. Uncaught TypeError: Cannot read property ‘top’ of undefined
  7. How can I select an element by name with jQuery?
  8. Retrieve the position (X,Y) of an HTML element
  9. Cannot read property ‘style’ of undefined — Uncaught Type Error
  10. Failed to load resource: the server responded with a status of 404 (Not Found)
  11. Maximum call stack size exceeded error
  12. Google Chrome Uncaught (in promise) DOMException while playing AUDIO
  13. How to make a word underline in Markdown
  14. ChartJS beginAtZero, min, max doesn’t work
  15. how to fix : ” TypeError: Cannot read property ‘addEventListener’ of null”…?//
  16. ReferenceError: $ is not defined
  17. React.js: Set innerHTML vs dangerouslySetInnerHTML
  18. jQuery.click() vs onClick
  19. Remove element by id
  20. Check if checkbox is checked with jQuery
  21. Add swipe left/right to web page, but use default swipe up/down
  22. How can I get the data-id attribute?
  23. Check if checkbox is checked with jQuery
  24. How to make JavaScript execute after page load?
  25. Angular: mat-form-field must contain a MatFormFieldControl
  26. Change Background color (css property) using Jquery
  27. Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
  28. Get class name using jQuery
  29. How to clear the canvas for redrawing
  30. Adding options to select with javascript
  31. Use images like checkboxes
  32. How to read xml file contents in jQuery and display in html elements?
  33. Completely disable scrolling of webpage
  34. How do I scroll to an element using JavaScript?
  35. display variable image using cookies
  36. Find an element in DOM based on an attribute value
  37. character counter – backspace doesn’t reflect on characters remaining
  38. scrollIntoView Scrolls just too far
  39. Open URL in same window and in same tab
  40. How do I set/unset a cookie with jQuery?
  41. How to convert selected HTML to Json?
  42. How to Open New window on every Click
  43. Cannot read property ‘getContext’ of null, using canvas
  44. Full-screen iframe with a height of 100%
  45. How to move an element after another element using JS or jquery?
  46. Check if an element contains a class in JavaScript?
  47. How to use Javascript to read local text file and read line by line?
  48. Why is the jquery script not working?
  49. DOMException: Failed to load because no supported source was found
  50. Textarea Auto height
  51. Partial render in HTML/JavaScript
  52. How to add onload event to a div element
  53. Print the contents of a DIV
  54. How to create a HTML Cancel button that redirects to a URL
  55. Showing an image from an array of images – Javascript
  56. Embedding instagram webpage inside an iframe
  57. Set value to currency in
  58. HTML Entity Decode
  59. why angularjs ng-repeat not working
  60. Scroll to bottom of div?
  61. HTML5 rich-text inside textarea
  62. How do I check if a cookie exists?
  63. Highlight a word with jQuery
  64. Javascript: ‘window’ is not defined
  65. How to change the buttons text using javascript
  66. How do I refresh a DIV content?
  67. how to display a div triggered by onclick event
  68. jQuery sort elements using data id
  69. getContext is not a function
  70. JavaScript code to stop form submission
  71. How to change the text of a label?
  72. Change an image with onclick()
  73. JavaScript – Count Number of Visitor for Website
  74. Strip HTML from Text JavaScript
  75. Using “&times” word in html changes to ×
  76. Closing Bootstrap modal onclick
  77. Fire oninput event with jQuery
  78. Changing the selected option of an HTML Select element
  79. window.location() not working, not opening page
  80. How to clear the canvas for redrawing
  81. Default text on input
  82. img onclick call to JavaScript function
  83. How to scroll to top of page with JavaScript/jQuery?
  84. How do I programmatically set the value of a select box element using JavaScript?
  85. Calling a JavaScript function in another js file
  86. How to embed an autoplaying YouTube video in an iframe?
  87. JavaScript code not running in HTML5 document
  88. Unexpected token < in first line of HTML
  89. How to make HTML element resizable using pure Javascript?
  90. How to set “style=display:none;” using jQuery’s attr method?
  91. WordPress Bootstrap Handburger Menu Wont Open
  92. How to display post content in the block editor
  93. Make a script work within a page
  94. Putting custom html/js page into Elementor as it’s own block
  95. Add Paypal button redirect to a specific page after completing
  96. Can’t Listen to KeyDown in TInyMCE Iframe (jQuery) and Pass it to Parent HTML FORM
  97. how to do open a link in a open window from menu bar? [closed]
  98. Making the HTML list to a checkbox tree with the plugin jstree [closed]
  99. Styling parent based on a child element of a child in a WordPress page
  100. I have custom html mixed with inline javascript that I want added to my WordPress site, how do I achieve this?

Leave a Comment