在网页中嵌入第一个外部图像

Question

我想在页面的 div 中嵌入第一张图片，例如dilbert.com 上 .img-comic-container 中的第一张图片。我试过这个：

fetch("https://cors.now.sh/http://dilbert.com")
.then((res)=> res.text())
.then((res)=> {
  var parser = new DOMParser();
  var doc = parser.parseFromString(res, "text/html");
  var img = doc.querySelector('.img-comic-container .img-comic');
  document.querySelector("#dilbert").src = img.src;
});

<div id="place">
  <img id="dilbert" />
</div>

不过运气不好。 cors.now.sh 有替代方案吗？

Answer 1

cors.now.sh 似乎已关闭或停止服务。您可以使用替代方案 https://www.scraperapi.com/.

在网页中嵌入第一个外部图像

Embedding First External Image in Webpage

css

embed

image