<input type="text" id="text"/> <input type="button" id="btn" value="add"/> <input type="button" id="btn2" value="remove"/>
Kod
function addElement () {
// create a new div element
// and give it some content
var newDiv = document.createElement("iframe");
newDiv.setAttribute('width',560);
newDiv.setAttribute('height',315);
newDiv.setAttribute('src',document.getElementById('text').value);
newDiv.setAttribute('frameborder',0);
newDiv.setAttribute('allowfullscreen','allowfullscreen');
newDiv.setAttribute('id','divek');
var newContent = document.createTextNode("Hi there and greetings!");
newDiv.appendChild(newContent); //add the text node to the newly created div.
// add the newly created element and its content into the DOM
var currentDiv = document.getElementById("div1");
document.body.insertBefore(newDiv, currentDiv);
}
function removeElement(){
document.getElementById('divek').remove();
}
document.getElementById('btn').addEventListener('click',addElement,false);
document.getElementById('btn2').addEventListener('click',removeElement,false);
Template:
https://developer.mozilla.org/en-US/docs/We...t/createElement