Question

我有一个与 linkpreview API 一起使用的链接预览

这里是带有演示的 Jsfiddle：https://jsfiddle.net/e4wdcjgz/

我需要一些帮助来进行这些调整：

javascript 必须捕获 div 中的所有链接，然后附加结果

这里是我实际情况的demo：

这里是实际代码：

var data = { key: "my-api-key", q: "https://tomshw.it" };

fetch("https://api.linkpreview.net", {
  method: "POST",
  mode: "cors",
  body: JSON.stringify(data)
})
  .then((res) => res.json())
  .then((response) => {
    document.getElementById("mytitle").innerHTML = response.title;
    document.getElementById("mydescription").innerHTML = response.description;
    document.getElementById("myimage").src = response.image;
    document.getElementById("myurl").innerHTML = response.url;
  });

附言该元素目前未创建，因为我不知道如何将结果附加到每个链接

Answer 1

我对你的理解是，你想在链接元素之后附加 html，你可以用 element.insertAdjacentHTML(position, html) 方法来做到这一点，这个方法有 4 个值来选择元素位置 "afterbegin", {{1 }}、"afterend"、"beforebegin"

<块引用>

这是一个例子

 "beforeend"

在链接后附加 html（以显示链接预览）

1 个答案: