Javascript insertAdjacentHTML 不工作

Question

fiddle - 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 字符串