Comunidad de diseño web y desarrollo en internet online

Introducir elementos en html en javascript

Citar            
MensajeEscrito el 19 Ene 2009 11:23 am
Hola

Tengo una página con varios divs y quiero introducir por javascript un elemento nuevo pero solo por motivos excepcionales y sin necesidad de meterme el código base.
Pero estos div tienen varios id distintos con lo que no se como hacerlo la verdad.

pongo la estructura del html

Código :

        <div id="cv-21233">
            <table class="ggg">..................</table>
         </div>
<div id="cv-25568">
            <table class="ggg">..................</table>
         </div>
<div id="cv-9878">
            <table class="ggg">..................</table>
         </div>


Creo esto es la teoría como he observado que todos los id van acompañados de la palabra cv-, con lo que debo recorrer la página buscando, creo que con TagName capturo la numeración después de "cv-" recogiendo en una variable.

Después mediante

Código :

var ejemplo= document.getElementById ("cv-"+variable);


Lo añado a la página. En el punto de añadir un elemento lo consigo ya que manejo ese solo elemento pero como hago lo anterior es lo que no sé.


Cómo duda ¿Podría introducir el elemento después de la tabla? basandome en getElementClassName o sería mejor por TAgNAme.

Por eso pido vuestra colaboración. De antemano gracias por leer y escribir este tema.

Por Suriv

131 de clabLevel



 

firefox
Citar            
MensajeEscrito el 19 Ene 2009 04:00 pm

Por drarock

Claber

705 de clabLevel

3 tutoriales

Genero:Femenino  

Lima, Peru

firefox
Citar            
MensajeEscrito el 19 Ene 2009 05:13 pm
ok, lo cojeré.

Código :


var f = document.getElementsByTagName("div");
var urls;
   
for(var i=0;i<f.length;i++)
{
   var ids = f[i].id.substring(0,3);
   if(ids=="cv-"){
      pintarUrl(f[i].id.substring(3,f[i].id.length));
      
   }
   
}
   
   

function pintarUrl(u){

   
   var capa1 = document.getElementById("cv-"+u);
   var h4 = document.createElement("div");
   h4.innerHTML = ('Elemento creado</div>');
   capa1.appendChild(h4);
}



Que mejoraría?

Por Suriv

131 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.