如何使用JavaScript從外部網頁定位HTML DOM元素

Question

我已經獲得了網頁的整個HTML，並且遇到了諸如response.getElementById is not a function重復錯誤。

這是我的代碼：

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

我真正想做的是針對外部網頁的不同元素，並將它們存儲在不同的變量中。

任何幫助是極大的贊賞！

Answer 1

例如，如果從AJAX調用獲得HTML作為字符串，則可以使用DOMParser API，然后對該對象使用所有document方法：

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