Seu último código não funcionou pois você não está inserindo o elemento criado na sua página, além de não está escapando as " (aspas) dos atributos.
Você também pode usar insertAdjacentHTML para inserir um código HTML em sua página.
element.insertAdjacentHTML("posição", "código-html);
Para controlar onde você quer o elemento, basta adicionar um dos valores abaixo no lugar de posição
beforebegin: Antes do Elemento
afterbegin: Dentro do elemento e antes do seu primeiro filho
beforeend: Dentro do elemento e depois do seu último filho
afterend: Após o elemento
// Captura o elemento onde queremos adicionar
var target = document.querySelector('#target');
// Código do iframe
var elemento = '<iframe frameborder="0" id="novo-iframe" src="/"></iframe>';
// Adicionamos o iframe dentro do elemento capturado
target.insertAdjacentHTML('beforeend', elemento);
// Exibidos o código do iframe criado no console
console.log(document.getElementById('novo-iframe'));
iframe {
height: 14em;
width: 100%
}
<div id="target"></div>
Com jQuery
$('#target').append('<iframe frameborder="0" id="novo-iframe" src="/"></iframe>');
iframe {
height: 14em;
width: 100%
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="target"></div>