• Publicidad

Introducir elementos HTML

Discute todo acerca de JavaScript así como DHTML o la tecnología AJAX.

Introducir elementos HTML

Notapor Perl » 2009-05-06 16:19 @721

Hola de nuevo, quizás pregunte más de lo políticamente correcto pero estoy en las primeras fases y espero que ahora que estoy empezando a entrar en el asunto pueda ser más autosuficiente.

He estado buscando la manera de mediante JavaScript incluir elementos HTML dentro de otro elementos ya creados en el HTML y no he encontrado nada sobre el asunto, una vez más agradecería de antemano vuestra ayuda acerca de cómo implementar esto. Un saludo.
Perl
Perlero nuevo
Perlero nuevo
 
Mensajes: 25
Registrado: 2009-04-09 10:14 @468

Publicidad

Notapor kidd » 2009-05-06 16:29 @728

Usando innerHTML puedes hacer lo que quieres:

http://www.w3schools.com/htmldom/prop_a ... erhtml.asp

Saludos
Uriel Lizama Perl programmer fundador de Perl en Español
Perl Programming Language
Avatar de Usuario
kidd
Creador de Perl en Español
Creador de Perl en Español
 
Mensajes: 1166
Registrado: 2003-10-15 16:52 @744
Ubicación: México

Notapor Perl » 2009-05-07 03:51 @202

Lo he implementado bien pero el asunto es que quería hacerlo con un bucle para hacer varios hijos iguales.
El caso es el de una tabla a la que le quiero poner 50 celdillas iguales y al implementarlo con un bucle 'for' solo me muestra la primera no haciendo el bucle:

Sintáxis: [ Descargar ] [ Ocultar ]
Using javascript Syntax Highlighting
tabla_1 = document.getElementById('td_1');
        for ( var i = 0; i < 50; i++ )
        {
                tabla_1.innerHTML ='<td>....</td>';
        }
Coloreado en 0.002 segundos, usando GeSHi 1.0.8.4
Perl
Perlero nuevo
Perlero nuevo
 
Mensajes: 25
Registrado: 2009-04-09 10:14 @468

Notapor explorer » 2009-05-07 05:02 @251

¿Por qué no pruebas a crear el código de las 50 celdas en una variable de cadena de caracteres y luego lo asignas de golpe con un solo innerHTML?
JF^D Perl programming & Raku programming. Grupo en Telegram: https://t.me/Perl_ES
Avatar de Usuario
explorer
Administrador
Administrador
 
Mensajes: 14480
Registrado: 2005-07-24 18:12 @800
Ubicación: Valladolid, España

Notapor Perl » 2009-05-07 05:10 @257

Porque también podría poner 50 veces <td></td> en el propio documento HTML pero es que tengo que manipular el número de celdillas ya que no van a ser siempre 50 sino que puede variar.
Perl
Perlero nuevo
Perlero nuevo
 
Mensajes: 25
Registrado: 2009-04-09 10:14 @468

Notapor explorer » 2009-05-07 06:48 @325

Pues eso... haces un bucle que vaya agregando el código HTML de cada celda a una variable string. Y luego haces una sola llamada a innerHTML().
JF^D Perl programming & Raku programming. Grupo en Telegram: https://t.me/Perl_ES
Avatar de Usuario
explorer
Administrador
Administrador
 
Mensajes: 14480
Registrado: 2005-07-24 18:12 @800
Ubicación: Valladolid, España

Notapor kidd » 2009-05-07 09:03 @419

Tiene razón explorer. Lo que pasa es que con cada llamada que estás haciendo a innerHTML estás sustituyendo el valor actual.

Debes de hacer algo así:

Sintáxis: [ Descargar ] [ Ocultar ]
Using javascript Syntax Highlighting
var tabla_1 = document.getElementById('td_1');

var celdas = '';

for ( var i = 0; i < 50; i++ ){
    celdas = celdas + '<td>...</td>';
}

tabla_1.innerHTML = celdas;
Coloreado en 0.001 segundos, usando GeSHi 1.0.8.4
Uriel Lizama Perl programmer fundador de Perl en Español
Perl Programming Language
Avatar de Usuario
kidd
Creador de Perl en Español
Creador de Perl en Español
 
Mensajes: 1166
Registrado: 2003-10-15 16:52 @744
Ubicación: México

Notapor danimera » 2009-05-07 09:55 @455

La función clone node de JavaScript para eso.
100% Telch - Perl Web Programming
Cali PerlMongers: http://cali.pm.org
Avatar de Usuario
danimera
Perlero frecuente
Perlero frecuente
 
Mensajes: 871
Registrado: 2005-06-23 19:02 @834
Ubicación: Colombia

Notapor elnico » 2009-05-07 19:50 @868

Esta bien tu respuesta, danis, pero por ahí le quiere agregar algo más a las celdas. Yo diría que la mejor opción es la elegida por kidd.
Saludos.
elnico
Perlero nuevo
Perlero nuevo
 
Mensajes: 69
Registrado: 2007-09-09 14:44 @656

Notapor Perl » 2009-05-08 11:50 @534

Lo que ha expuesto Kidd es lo que pensaba que me quería decir Explorer lo que pasa es que no lo he sabido implementar bien pero he adaptado el código de Kidd y va a placer.
Perl
Perlero nuevo
Perlero nuevo
 
Mensajes: 25
Registrado: 2009-04-09 10:14 @468


Volver a JavaScript

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado