Insertar codigo sin sobreescribir

Tecktonikrazy · #1 (**permalink**) 06/01/2011, 12:22

Como puedo agregar codigo html a la pagina de modo que no sobreescriba sobre lo que ya esta, es decir que simplemente se agregue el codigo? No quiero usar innerHTML ya que es un script que estoy haciendo para que cualquiera lo pueda usar con solo colocar <script src="codigo.js"></script> en su pagina, y si uso innerHTML tambien tendrian que colocar algo como <div id="contenedor"></div> Por otro lado si uso document.write() se sobre escribe y se quita todo el codigo que ya existia. como lo puedo hacer?

doylelives · #2 (**permalink**) 06/01/2011, 12:42

Eso depende a que llamas "sobreescribir".
No veo nada malo si creas tags html con DOM

caricatos · #3 (**permalink**) 06/01/2011, 12:42

Hola:

Para evitar usar un identificador (id), puede ser algo complejo porque algunas cosas, cada navegador las interpreta a su manera.

Con el DOM existe createElement/insertBefore/appendChild, pero si se trata de alguna estructura algo compleja, aún pudiéndose, supongo que sería complicado, así que como respuesta sencilla, lo mejor es innerHTML pero con la sintaxis de añadidura...

document.body.innerHTML += "un añadido...";

Saludos

#4 (**permalink**) 06/01/2011, 13:30

Cita:

document.body.innerHTML += "un añadido...";

Hey caricatos nunca se me hubiera ocurrido ... es bueno saberlo

yo le traigo un alternativa con JQuery !!!

Código Javascript:

Ver original<!DOCTYPE html>
<html>
<head>
  <style>
  p { background:yellow; }
</style>
  <script src="http://code.jquery.com/jquery-1.4.4.js"></script>
</head>
<body>
  <p>I would like to say: </p>
<script>
  $("p").append("<strong>Hello</strong>");
</script>
 
</body>
</html>

http://api.jquery.com/append/

Tecktonikrazy · #5 (**permalink**) 06/01/2011, 16:25

Cita:

Iniciado por caricatos

document.body.innerHTML += "un añadido...";

Tampoco se me hubiera ocurrido! y funciono a la perfeccion, muchas gracias caricatos!!!