HTML dinámico con Javascript

Escribiendo HTML dinámicamente en una página, es posible y útil. predisposto ad accettare codice inserito tramite innerHTML . La forma más directa es usar conocida documenti.write() o un contenedor DIV preparado para aceptar código introducido mediante innerHTML . Alternativamente, se puede adjuntar a una etiqueta existente y utilizar el DOM para añadir o eliminar elementos en la página. Por ejemplo immmaginiamo quiere cargar un archivo nuevo sin usar Javascript scripting del lado del servidor y vuelva a cargar la página. Las siguientes funciones, por ejemplo, añadir un archivo JavaScript en su página como un parámetro (incluida la ruta).

1
2
3
4
5
6
s ) { función addScripting (s) {
document. createElement ( 'script' ) ; scriptnode var = documento createElement ('script').;
"head" ) [ 0 ] . appendChild ( scriptNode ) ; documento getElementsByTagName ("cabeza") [0] appendChild (scriptnode)..;
'javascript' ; . scriptnode language = "javascript";
s ; scriptnode src = s.;
}

Del mismo modo, se puede agregar una hoja de estilo a nuestra página, indicado por la variable cssfile :

1
2
3
4
5
document. createElement ( 'link' ) ; cssNode var = documento createElement ('link').;
'rel' , 'stylesheet' ) ; . cssNode setAttribute ('rel', 'estilos');
'type' , 'text/css' ) ; . cssNode setAttribute ('tipo', 'text / css ");
'href' , cssfile ) ; . cssNode setAttribute ('href', CSSFile);
'head' ) [ 0 ] . appendChild ( cssNode ) ; documento getElementsByTagName ("cabeza") [0] appendChild (cssNode.).;

No hay comentarios para este post

Deja un comentario

TAG XHTML PERMISOS: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> ENTRADA CÓDIGO:
 <pre></pre> // blocco generico <code></code> // blocco generico [cc_actionscript][/cc_actionscript] // Actionscript [cc_actionscript3][/cc_actionscript3] // Actionscript 3 [cc_css][/cc_css] // CSS Style Sheet [cc_html][/cc_html] // HTML [cc_js][/cc_js] // Javascript [cc_objc][/cc_objc] // Objective-C [cc_php][/cc_objc] // PHP [cc_sql][/cc_sql] // SQL