如何在中间添加锚标记<p>使用 document.createElement(&quot;p&quot;) 时的元素

Question

I'm using document.createElement("p") to dynamically create elements. I need to create an element <p></p> with an anchor tag in the middle of it so it creates a link word.

I want to be able to inject the following html using Javascript using document.createElement("p") :

<p> This is a <a href="google.com">link</a> to google</p>

The word link should be an anchor tag surrounded by text from the <p> tag.

Answer 1

You can use innerHTML

let p = document.createElement('p');
p.innerHTML = "This is a <a href=\"http://www.google.com\">link</a> to google";

// append it
document.body.appendChild(p);