使用document.createElement（“p”）时如何在<p>元素的中间添加锚标记

Question

我正在使用document.createElement("p")来动态创建元素。我需要在其中间创建一个带有锚标记的元素<p></p>，以便创建一个链接词。

我希望能够使用document.createElement("p")使用Javascript注入以下html：

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

单词链接应该是由<p>标记中的文本包围的锚标记。

Answer 1

您可以使用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);