Javascript HTML：设置innerHtml时是否有显示链接预览的方法？

我正在使用javascript设置元素的innerHtml属性。这是我正在设置的innerHtml，它以a标记的形式发送链接，以便可以单击：

description.forEach((pair) => {
   const [name, link] = pair;
   const htmlLink = `<a href=${link}>${link}</a><br><br>`
   const htmlPair = [name, htmlLink]
   joinedDescription.push(htmlPair.join(" "))
})

description.forEach（（对）=>{
常量[名称，链接]=对；
常量htmlink=`

`
常量htmlPair=[name，htmlink]
joinedDescription.push（htmlPair.join（“”）
})

它的显示方式如下：

---

有没有一种方法可以让链接预览显示成这样：

至于HTML本身，没有办法。有人创建了一个CSS来显示这样的链接。可能有一些库可以做到这一点，但我不确定。不幸的是，你可能不得不让它成为你自己的。对于视频，您必须使用JavaScript检查链接是否是YouTube视频并正确嵌入到iframe中（使用从YouTube嵌入）。对于其他链接，您必须获取标题/元数据并将其包装在CSS容器中。

是的，这是可能的，而且是一项巨大的工作。要创建新行，只需使用

加入即可。所以：

htmlPair.join（“
”）

但是如果您特别谈论描述部分，那么需要获取每个url并从中获取某种文本（假设存在元描述是一种方法），或者手动将其添加到数组中。