如何正确地将child(a)附加到li

请帮助我如何在下面的示例中正确修复appendchild(a)。 我想在li的前面添加带有目标_blank的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:

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

我的HTML需要这个:

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

谢谢!

评论
  • 蔓延2j
    蔓延2j 回复

    尝试这个

    var wrapper = document.createElement('a');
    wrapper.href="https://google.com";
    wrapper.target="_blank";
    
    
    var myDiv = document.querySelector('li'); 
    wrapper.appendChild(myDiv.cloneNode(true)); 
    myDiv.parentNode.replaceChild(wrapper, myDiv);
     <li data-id="2" class="autoComplete_result">google</li>