In fiddle - /, does not work as expected

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

In fiddle - http://jsfiddle/u3bmytnL/, does not work as expected

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

• javascript
• jquery

Share Improve this question Follow edited Feb 6, 2015 at 10:53 nikhil rao asked Feb 6, 2015 at 10:43 nikhil raonikhil rao 39133 gold badges66 silver badges99 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 9

That's should resolve:

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

The insertAdjacentHTML needs a string as second parameter, and you was passing a DOM element, so you need to get the HTML string

It is because insertAdjacentHTML method takes a string instead of an element node reference.

MDN insertAdjacentHTML

You should put a string as the second parameter