javascript - 如何在javascript数组概念中添加html anchor 标记

Question

var n = [
    { id: "unep", 
    title: "UNEP", 
    body: " The United Nations Environment Programme (UN Environment) is the leading global environmental authority that sets the global environmental agenda,",
     img: "img/unep.png" 
    }

我试图在正文内容中插入 anchor 标记，但它似乎不起作用。如何插入 anchor 标记？

Answer 1

如果您想要仅文本输出，您可以使用 createElement 创建一个新的 HTML 元素，然后添加所需的属性，最后使用 .outerHTML< 输出新创建的标记的文本版本方法:

var n = {
  id: "unep",
  title: "UNEP",
  body: "The United Nations Environment Programme … ",
  img: "img/unep.png"
};

const linkTag = document.createElement('a');
linkTag.href = 'https://google.com';
linkTag.textContent = 'Link';

const linkTagAsText = linkTag.outerHTML;

n.body = n.body + linkTagAsText;