Tentei de várias formas e não consegui. Fiz assim:
<iframe id="ifrTeste" >
<input type="button" /> ou <button...></button>
</iframe>
Não consegui fazer aparecer o botão dentro do iframe.
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeAmigo, fica mais facil se você deixar alguns pontos claros a respeito do iframe e o que você pretende fazer.
O domain do iframe é o mesmo da pagina na qual ele esta inserido ?
Você não tem permissão para alterar o conteudo de um iframe que pertence a um outro dominio, por exemplo, se a sua pagina esta rodando em http://localhost e o seu iframe tem o atributo src com o valor http://google.com, por exemplo, você não vai poder fazer nenhuma alteração no conteudo deste iframe.
Você deseja adicionar o botão dinamicamente utilizando Javascript ?
Caso você deseja apenas adicionar um botão e tem acesso ao arquivo que o iframe referencia é mais fácil alterar este arquivo diretamente, caso você precise fazer isto dinamicamente com Javascript você pode acessar o conteúdo do iframe com window.frames[0].document
. Lembre-se, você so poderá alterar utilizando Javascript se o conteúdo do iframe estiver no mesmo dominio da sua pagina.
Neste link você pode aprender um pouco mais sobre o elemento iframe e como utiliza-lo https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/iframe
Utilize um DIV para este objetivo, um iFrame serve para carregar outro HTML, outro arquivo.
Assim como os demais colegas, não consigo ver utilidade nesta abordagem, mas uma possibilidade é criar um documento em memoria:
var iFrames = document.querySelectorAll("[data-content]");
[].forEach.call(iFrames, function(frameElement, indice) {
var frameContent = document.getElementById(frameElement.dataset.content);
var blob = new Blob([frameContent.innerHTML], { type: "text/html" });
frameElement.src = URL.createObjectURL(blob);
frameContent.parentNode.removeChild(frameContent);
});
<iframe id="frame1" data-content="frameContent1"></iframe>
<iframe id="frame2" data-content="frameContent2"></iframe>
<script id="frameContent1" type="text/template">
<input type="button" value="Enviar 01" />
</script>
<script id="frameContent2" type="text/template">
<input type="button" value="Enviar 02" />
</script>
P.S: a técnica acima é bastante útil quando se deseja imprimir apenas um trecho da pagina e o uso de @media print
não é o suficiente para se alcançar o resultado desejado.
SRC
. E dentro da página você pode colocar o botão.