如何仅从其他网站提取文本并直接在我的网站中使用它

Question

我意识到通过使用 scr 使用超链接来提取和使用网站中的图像非常容易。 我想知道是否可以使用 class 属性对文本执行相同的操作。 但是我找不到像图像一样简单的方法。

我怎么能那么容易做到。

Answer 1

如果您想从另一个页面获取特定的 HTML 元素，它不会像设置图像的src那样简单。 在图像或iframe使用src之所以有效，是因为您引用了一个静态文件，但是如果您试图从 HTML 页面中提取特定内容，则必须实际下载页面并解析结果。

实现此目的的一种方法是fetch和DOMParser的组合。

 const domParse = new DOMParser(); fetch('https://www.cnn.com') .then(res => res.text()) .then(page => { const pg = domParse.parseFromString(page, 'text/html'); document.getElementById('other-page') .appendChild(pg.body); });

 <div id="other-page"></div>

如果跨站点脚本被阻止，这将不起作用。