dhtml fornece dois métodos para adicionar, insertAdjacentHTML e insertAdjacentText
Método insertAdjacentHTML: insira a instrução da tag HTML no local especificado.
Protótipo: insertAdjacentHTML(swhere,stext)
parâmetro:
swhere: Especifica o local onde as instruções da tag html são inseridas. Existem quatro valores disponíveis:
1.beforeBegin: Inserir antes do início da etiqueta
2.afterBegin: Inserir após a tag inicial do rótulo
3.beforeEnd: Inserir antes da tag final da tag
4.afterEnd: Inserir após a tag final da etiqueta
text: o conteúdo a ser inserido
exemplo:
Copie o código do código da seguinte forma:
var sHTML="<input type=button go2()" + " value='Click Me'><BR>"
var sScript='<SCRIPT DEFER>'
sScript = sScript + 'function go2(){ alert("Olá do script inserido.") }'
script = script + '</script' + '>';
ScriptDiv.insertAdjacentHTML("afterBegin",sHTML + sScript);
Adicione uma linha ao corpo do HTML:
<DIV ID="ScriptDiv"></Div>
Eventualmente torna-se:
Copie o código do código da seguinte forma:
<DIVID="ScriptDiv">
<input type=button onclick=go2() value='Clique em mim'><BR>
<ADIAMENTO DO SCRIPT>
function go2(){alert("Olá do sctipt inserido.")}'
</script>
</DIV>
O método insertAdjacentText é semelhante ao método insertAdjacentHTML, exceto que só pode inserir texto simples e possui os mesmos parâmetros.
Esses dois atributos são bastante aplicáveis, especialmente em desenhos e outros locais. Sua vantagem é que eles não substituirão o conteúdo original. Vamos supor que existe um DIV que já contém conteúdo. o conteúdo original, portanto, isso é muito importante neste momento. innerHTML substituirá o conteúdo original.
Todo HTML que aparece em pares pode usar este atributo, que é o mesmo que innerHTML. Por exemplo, <body>..</body>, <div>....</div>, etc., todos possuem esses dois atributos. .
Suplemento: acabei de tentar e o atributo innerHTML é legível e gravável. Eu sabia que innerHTML pode inserir conteúdo em nós, mas esse atributo também é legível, o que significa que innerHTML salva o conteúdo HTML do nó. entenda-o completamente seguindo o seguinte código:
Copie o código do código da seguinte forma:
<html>
<cabeça>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Documento sem título</title>
</head>
<corpo>
safdsdaf lugar na hora certa
<linguagem script="javascript">
alerta(document.body.innerText)
</script>
</body>
</html>
O código acima é o que encaminhei para outras pessoas. Vou adicionar mais algumas linhas de código abaixo. Talvez você possa usá-lo:
Copie o código do código da seguinte forma:
<linguagem script="javascript" type="text/javascript">
função adicionarArquivo()
{
var filebutton = '<br><input type="file" size="50" name="Arquivo" />';
document.getElementByIdx('FileList').insertAdjacentHTML("beforeEnd",filebutton);
}
</script>
O acima é o script no Head e o seguinte é o código HTML no corpo:
Copie o código do código da seguinte forma:
<p id="Lista de Arquivos">
<input type="arquivo" runat="servidor" size="50" name="Arquivo"/>
</p>
Você pode ver o efeito copiando o código em um arquivo e salvando-o como html.