首页 > 解决方案 > 如何使用 JavaScript 从外部网页定位 HTML DOM 元素

问题描述

我已经获得了网页的整个 HTML,我得到了重复的错误,比如response.getElementById is not a function

这是我的代码:

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

我真正想做的是针对外部网页的不同元素,并将它们存储在不同的变量中。

任何帮助是极大的赞赏!

标签: javascriptjqueryhtmlweb-scraping

解决方案


例如,如果您从 AJAX 调用中以字符串形式获取 HTML,则可以使用DOMParserAPI,然后使用document此对象上的所有方法:

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

推荐阅读