how to add html anchor tag in javascript array concept

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" 
    }

I'm trying to insert the anchor tag in the content of body but it doesn't seem to work. How can I insert the anchor tag?

how do you use an `a` tag if you don't have any link to specify as `href` attribute in your element? — quirimmo, Jan 30 '19 at 20:00
Possible duplicate of [How do I create a link using javascript?](https://stackoverflow.com/questions/4772774/how-do-i-create-a-link-using-javascript) — Heretic Monkey, Jan 30 '19 at 20:39

score 1 · Answer 1 · answered Jan 30 '19 at 20:50

If you want a text only output, you may create a new HTML element with createElement, then add required properties, and finally output text version of you freshly created tag with .outerHTML method:

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;

how to add html anchor tag in javascript array concept

1 Answers1