En el pasado, los métodos InnerHTML e InnerText se usaban para agregar contenido HTML y contenido de texto. Recientemente, descubrí que también existen los métodos insertAdjacentHTML e insertAdjacentText. Estos dos métodos son más flexibles y pueden insertar contenido HTML y contenido de texto en lugares específicos.
Método insertAdjacentHTML: Inserte la declaración de etiqueta html en el lugar especificado
Prototipo: insertAdajcentHTML(swhere,stext)
Parámetros:
swhere: Especifique el lugar para insertar la declaración de etiqueta html Hay cuatro valores disponibles:
1. beforeBegin: Insertar antes del inicio de la. etiqueta
2. afterBegin: Insertar después de la etiqueta de inicio de la etiqueta
3. beforeEnd: Insertar antes de la etiqueta de fin de la etiqueta
4. afterEnd: Insertar después de la etiqueta de fin de la etiqueta
texto: Contenido a insertar
DEOM:
<html>
<head >
<script language="javascript">
function myfun ()
{
var obj = document.getElementById("btn1");
obj.insertAdjacentHTML("afterEnd","<br><input name="txt1">") }
</script>
</head>
< body>
<input name="txt">
<input id="btn1" name="btn1"
tipo="botón" valor="más..." onclick="myfun ()">
</cuerpo>
</html>