Javascript 如何正确地将child（a）追加到div

请帮助我如何正确修复以下示例中的appendchild（a）。 我想在div前面添加一个带有target _空格的href

这是我的javascript：

  onSelection: function (feedback) {
    document.querySelector("#autoComplete").blur();
    const selection = feedback.selection.value.link;

    var a = document.createElement("a");
    a.setAttribute("href", selection);
    a.setAttribute('target', '_blank');
    PLEASE-HELP-ME-HOW-TO.appendChild(a);

这是HTML：

<div data-id="2" class="autoComplete_result">google</div>

google

我需要在我的HTML中使用：

<a href=https://google.com" target="_blank">
 <div data-id="2" class="autoComplete_result">google</div>
</a>

谢谢大家!

试试这个

var wrapper=document.createElement（'a'）；
wrapper.href=”https://www.google.com";
wrapper.target=“_blank”；
var li=document.querySelector（'.autoComplete_result'）；
appendChild（li.cloneNode（true））；
li.parentNode.replaceChild（包装器，li）；
console.log（wrapper.innerHTML）

---

google

正如我在评论中所说，这是无效的语法。你想要的是：

 <li data-id="2" class="autoComplete_result"><a href=https://google.com" target="_blank">google</a></li>

a

标记不是ol或ulI下的有效子级。我已将li更改为div，而不是listill无效html，因为

a

标记不能将

a

div标记作为子级。