如何为孩子创建父级

Question

我需要为孩子创建一个父级。

如果我有<a href=#></a>我需要喜欢

 <div>
     <a href=#></a>
 </div>

我

有很多数据，我从HTTP请求接收，所以需要自动完成。

我

尝试了什么，我

卡在哪里？

我尝试像：

elementForParrent.insertAdjacentHTML('beforebegin', '<span class="product-slider--item">');
elementForParrent.insertAdjacentHTML('afterend', '</span>');

但是在以这种方式插入HTML元素后，第一个已经自动关闭了</span>标签。

我尝试像：

elementForParrent.insertAdjacentText('beforebegin', '<span class="product-slider--item">');
elementForParrent.insertAdjacentText('afterend', '</span>');

但是后来，我的 span 标签被写成带有引号的 html：" 并且它不起作用。

我的问题是：是否可以即时为孩子创建父级？我知道父母可以创造孩子，就像在现实生活中一样，为孩子创造父母是不可能的(就像在现实生活中一样？

亲切问候

格雷戈拉兹

Answer 1

试试这个。它创建元素并将其包装在现有元素上，从而创建一个父节点

var e=document.querySelector('a');
var p = e.parentNode;
var w = document.createElement('div');
p.replaceChild(w, e);
w.appendChild(e);

 <a href=#>ff</a>

Answer 2

这可以按如下方式完成：

parent.appendChild(el);

你要做的是，创建parent元素，然后将href附加到它。

Answer 3

你也可以

这样做，创建html常量变量并分配你想要获得的html作为父级，

const html = `
   <span class="product-slider--item"></span>
`;
elementForParrent.insertAdjacentHTML('beforebegin', html);