Javascript insertAdjacentHTML無法正常工作

Question

小提琴-http: //jsfiddle.net/u3bmytnL/ ，無法正常工作

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

Answer 1

那應該解決：

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

insertAdjacentHTML需要一個字符串作為第二個參數，並且您正在傳遞DOM元素，因此您需要獲取HTML字符串

Answer 2

這是因為insertAdjacentHTML方法采用字符串而不是元素節點引用。

MDN insertAdjacentHTML

Answer 3

您應該將字符串作為第二個參數