Question

我需要为孩子创建一个父母。如果我有<a href=#></a>，我需要有一个喜欢的人

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

我有许多数据是从HTTP请求接收的，因此需要自动完成。

我尝试过的东西以及卡住的地方？

我正在尝试：

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

但是在以这种方式插入html元素之后，第一个元素已自动关闭了标签。

我正在尝试：

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

这可以如下进行：

Validate...

您要做的是，创建parent.appendChild(el);元素，然后将parent附加到该元素。

Answer 3

您也可以这样做，创建html常量变量并分配要作为父级获取的html

const html = `
   <span class="product-slider--item"></span>
`;

elementForParrent.insertAdjacentHTML('beforebegin', html);

如何为孩子创建父母？

3 个答案: