Javascript insertAdjacentHTML不工作

在小提琴中-，不能按预期工作

var x = document.createElement("button");
x.textContent = "byyyyy";
elx = document.getElementById("el");
elx.insertAdjacentHTML('afterend', x); 

这是我们应该解决的问题：

var x = document.createElement("BUTTON");
var text = document.createTextNode("byyyy");
x.appendChild(text);
elx = document.getElementById("el");
elx.insertAdjacentHTML('afterend', x.outerHTML); 

需要一个字符串作为第二个参数，并且您正在传递一个DOM元素，因此您需要获取HTML字符串，该字符串应解析为：

var x = document.createElement("BUTTON");
var text = document.createTextNode("byyyy");
x.appendChild(text);
elx = document.getElementById("el");
elx.insertAdjacentHTML('afterend', x.outerHTML); 

---

需要一个字符串作为第二个参数，并且您正在传递一个DOM元素，因此需要获取HTML字符串，这是因为

insertAdjacentHTML

方法采用字符串而不是元素节点引用

---

这是因为

insertAdjacentHTML

方法采用字符串而不是元素节点引用

---

您应该将字符串作为第二个参数

您应该将字符串作为第二个参数