Pregunta
Eliminar nodos con DOM
Responder esta pregunta por estebanjpc el 2009-01-08
este codigo me deberia servir para eliminarlo
pero no me resulta, tambien coloque el script al final del documento pero tampoco sirve,
1. donde esta el error?
2. me estoy guiando por un librohttp://www.librosweb.es/ajax/capitulo4/html_y_dom.htmldonde dice que para manipular DOM se debe colocar el script dentro de la etiqueta HEAD para que las funciones esten corectas, pero no me funciona ninguna
Donde se debe colocar el script con los codigos??
<html>
<head>
<title> Eliminación de NODOS</title>
<script type="text/javascript">
var p = document.getElementTagName("p")[0];
var p = document.getElementByTagName("p")[0];
document.body.removeChild(p);
</script>
</head>
<body>
<p> Este párrafo lo vamos a eliminar con las funciones de DOM </p>
</body>
</html>
pero no me resulta, tambien coloque el script al final del documento pero tampoco sirve,
1. donde esta el error?
2. me estoy guiando por un librohttp://www.librosweb.es/ajax/capitulo4/html_y_dom.htmldonde dice que para manipular DOM se debe colocar el script dentro de la etiqueta HEAD para que las funciones esten corectas, pero no me funciona ninguna
Donde se debe colocar el script con los codigos??
Respuestas
100%
0%
El método correcto para acceder a los elementos de DOM por el nombre de la etiqueta es getElementsByTagName(), ahora sólo estarán disponible una vez cargada la página.
Ahora si deseas mantener los scripts en la cabecera debes detectar por medio del evento onLoad cuando se ha cargado la página, resultando de la siguiente manera:
<html>
<head>
<title> Eliminación de NODOS</title>
</head>
<body>
<p> Este párrafo lo vamos a eliminar con las funciones de DOM </p>
</body>
<script type="text/javascript">
var p = document.getElementsByTagName("p")[0];
document.body.removeChild(p);
</script>
</html>
Ahora si deseas mantener los scripts en la cabecera debes detectar por medio del evento onLoad cuando se ha cargado la página, resultando de la siguiente manera:
<html>
<head>
<title> Eliminación de NODOS</title>
<script type="text/javascript">
window.onload = function load() {
var p = document.getElementsByTagName("p")[0];
document.body.removeChild(p);
}
</script>
</head>
<body>
<p> Este párrafo lo vamos a eliminar con las funciones de DOM </p>
</body>
</html>
por maikel el 2009-01-08
Compartir: 
