No passado, os métodos innerHTML e innerText eram usados para adicionar conteúdo HTML e conteúdo de texto. Recentemente, descobri que também existem métodos insertAdjacentHTML e insertAdjacentText. Esses dois métodos são mais flexíveis e podem inserir conteúdo HTML e conteúdo de texto em locais especificados.
Método insertAdjacentHTML: Insere a instrução da tag html no local especificado
Protótipo: insertAdajcentHTML(swhere,stext)
Parâmetros:
swhere: Especifique o local para inserir a instrução da tag html Existem quatro valores disponíveis:1. beforeBegin: Inserir antes do início da
instrução datag html.
tag
2. afterBegin: Inserir após a tag de início da tag
3. beforeEnd: Inserir antes da tag de final da tag
4. afterEnd: Inserir após a tag de final da tag
texto: Conteúdo a ser inserido
DEOM:
<html>
<head >
<script language="javascript">
function myfun ()
{
var obj = document.getElementById("btn1")
; ;
}
</script>
</head>
< body>
<input name="txt">
<input id="btn1" name="btn1" type="button" value="more..." onclick="myfun ()">
</body>
</ html>