dhtml proporciona dos métodos para agregar, insertAdjacentHTML e insertAdjacentText
Método insertAdjacentHTML: inserte la declaración de etiqueta html en el lugar especificado.
Prototipo: insertAdjacentHTML(swhere,stext)
parámetro:
swhere: especifica el lugar donde se insertan las declaraciones de etiquetas 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 final de la etiqueta
4.afterEnd: insertar después de la etiqueta final de la etiqueta
texto: el contenido a insertar
ejemplo:
Copie el código de código de la siguiente manera:
var sHTML="<tipo de entrada=botón go2()" + " valor='Haz clic en mí'><BR>"
var sScript='<Aplazamiento del script>'
sScript = sScript + 'función go2(){ alerta("Hola desde el script insertado.") }'
script = script + '</script' + '>';
ScriptDiv.insertAdjacentHTML("afterBegin",sHTML + sScript);
Agregue una línea al cuerpo html:
<DIV ID="ScriptDiv"></Div>
Al final se convierte en:
Copie el código de código de la siguiente manera:
<DIV ID="ScriptDiv">
<tipo de entrada=botón onclick=go2() valor='Haz clic en mí'><BR>
<APLAZAMIENTO DEL GUIÓN>
función go2(){alert("Hola desde el sctipt insertado.")}'
</script>
</DIV>
El método insertAdjacentText es similar al método insertAdjacentHTML, excepto que solo puede insertar texto sin formato y tiene los mismos parámetros.
Estos dos atributos son bastante aplicables, especialmente en dibujos y otros lugares. Su ventaja es que no sobrescribirán el contenido original. Supongamos que hay un DIV que ya tiene contenido. Ahora tenemos que agregar contenido dinámicamente sin sobrescribir. El contenido original, por lo que esto es muy importante en este momento. InnerHTML sobrescribirá el contenido original.
Todo HTML que aparece en pares puede usar este atributo, que es lo mismo que internalHTML. Por ejemplo, <body>..</body>, <div>....</div>, etc., todos tienen estos dos atributos. .
Suplemento: lo acabo de probar y el atributo InnerHTML se puede leer y escribir. Solía ser que InnerHTML puede insertar contenido en los nodos, pero este atributo también es legible, lo que significa que InnerHTML guarda el contenido html del nodo. entiéndalo completamente siguiendo el siguiente código:
Copie el código de código de la siguiente manera:
<html>
<cabeza>
<meta http-equiv="Tipo de contenido" content="text/html; charset=gb2312">
<título>Documento sin título</título>
</cabeza>
<cuerpo>
safdsdaf lugar a tiempo
<lenguaje de escritura="javascript">
alerta(documento.cuerpo.textointerior)
</script>
</cuerpo>
</html>
El código anterior es el que envié a otros. Agregaré algunas líneas de código más a continuación. También es muy clásico.
Copie el código de código de la siguiente manera:
<script idioma="javascript" tipo="texto/javascript">
función agregarArchivo()
{
var filebutton = '<br><tipo de entrada="archivo" tamaño="50" nombre="Archivo" />';
document.getElementByIdx('FileList').insertAdjacentHTML("beforeEnd",filebutton);
}
</script>
Lo anterior es el script en el encabezado y el siguiente es el código html en el cuerpo:
Copie el código de código de la siguiente manera:
<p id="Lista de archivos">
<tipo de entrada="archivo" runat="servidor" tamaño="50" nombre="Archivo"/>
</p>
Puede ver el efecto copiando el código en un archivo y guardándolo como html.