如何使用JavaScript从外部网页定位HTML DOM元素

Question

I have obtained the whole HTML of the webpage am getting repeated errors like response.getElementById is not a function

this is my code:

$.get('myUrl', function(response) {
  storageVariable = response.getElementById('#id').textContent;
  console.log(storageVariable);
})

What I exactly want to do is target the different elements of the external webpage, and store them in different variables.

Any help is greatly appreciated!

Answer 1

If you got the HTML as a String from an AJAX call, for example, you can use the DOMParser API and then use all document methods on this object:

$.get('myUrl', function(response) {
  let parser = new DOMParser();
  let parsedHtml = parser.parseFromString(response, 'text/html');
  console.log(parsedHtml.getElementById("<something>").innerHTML);
})