Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- A partir de la página web proporcionada y utilizando las funciones DOM, mostrar por pantalla la
- siguiente información:
- 1. Número de enlaces de la página
- 2. Dirección a la que enlaza el penúltimo enlace
- 3. Numero de enlaces que enlazan a http://prueba
- 4. Número de enlaces del tercer párrafo
- /**
- * Busca el número de enlaces de una página web y los muestra por pantalla
- */
- function nEnlaces(){
- var enlaces = document.getElementsByTagName("a");
- ejercicio = document.getElementById("ejerciciosIndividuales")
- // Cambiar el color del texto, eso sí una vez ejecutada esta función el estilo se queda en el contenedor, es decir,
- // no vuleve a ser negro, pero a pesar de eso tenemos que hacerlo en todos los ejercicios, puesto que no sabemos que boton
- // Presionará primero
- ejercicio.style.color = "red";
- ejercicio.innerHTML = "<br>El número de enlaces que hay en el documento es de = " + enlaces.length + "<br>";
- }
- /**
- * Funcion que escribe cual busca y escribe el penúltimo enlace
- */
- function penultimoEnlace(){
- var contenido = document.getElementsByTagName("a");
- ejercicio = document.getElementById("ejerciciosIndividuales");
- // Cambiar el color del texto, eso sí una vez ejecutada esta función el estilo se queda en el contenedor, es decir,
- // no vuleve a ser negro, pero a pesar de eso tenemos que hacerlo en todos los ejercicios, puesto que no sabemos que boton
- // Presionará primero
- ejercicio.style.color = "red";
- ejercicio.innerHTML = "<br>El penúltimo enlace apunta a: " + contenido[contenido.length - 2].href + "<br>";
- }
- /**
- * Busca y escribe cuantos enlaces apuntan a prueba
- */
- function enlacesPrueba(){
- var prueba = document.getElementsByTagName("a");
- cont = 0;
- for (var i = 0; i < prueba.length; i++) {
- if (prueba[i].href == "http://prueba/" || prueba[i].href == "http://prueba") {
- cont++;
- }
- }
- ejercicio = document.getElementById("ejerciciosIndividuales");
- // Cambiar el color del texto, eso sí una vez ejecutada esta función el estilo se queda en el contenedor, es decir,
- // no vuleve a ser negro, pero a pesar de eso tenemos que hacerlo en todos los ejercicios, puesto que no sabemos que boton
- // Presionará primero
- ejercicio.style.color = "red";
- ejercicio.innerHTML = "<br>El número de enlaces apuntando a http://prueba/ son = " + cont + "<br>";
- }
- /**
- * Función que comprueba que exista el tercer parrafo y si existe me escriba el número de enlaces que tiene
- */
- function enlacesTercerParrafo(){
- var parrafos = document.getElementsByTagName("p");
- ejercicio = document.getElementById("ejerciciosIndividuales");
- // Cambiar el color del texto, eso sí una vez ejecutada esta función el estilo se queda en el contenedor, es decir,
- // no vuleve a ser negro, pero a pesar de eso tenemos que hacerlo en todos los ejercicios, puesto que no sabemos que boton
- // Presionará primero
- ejercicio.style.color = "red";
- if (parrafos[2] != undefined) {
- enlaces = parrafos[2].getElementsByTagName("a");
- ejercicio.innerHTML = "<br/>" + "Numero de enlaces del tercer párrafo = " + enlaces.length;
- } else {
- info.innerHTML = info.innerHTML + "<br/>" + "El tercer parrafo no existe";
- }
- }
- /**
- * Cuando la página carge buscare el id información en el cual escribiré las respuestas a los ejercicios
- */
- window.onload = function() {
- //El contenedor donde voy a escribir con el innnerHTML
- var info = document.getElementById("todos");
- // Numero de enlaces de la pagina
- var enlaces = document.getElementsByTagName("a");
- info.innerHTML = "Numero de enlaces = " + enlaces.length;
- // Direccion del penultimo enlace
- var contenido = "El penultimo enlace apunta a: " + enlaces[enlaces.length-2].href;
- info.innerHTML = info.innerHTML + "<br/>" + contenido;
- // Numero de enlaces que apuntan a http://prueba
- var contador = 0;
- for(var i=0; i<enlaces.length; i++) {
- // http://prueba/ por las diferencias entre navegadores puesto que en el texto hay también http://prueba1, http://prueba2,...
- // Es necesario comprobar los enlaces http://prueba y
- if(enlaces[i].href == "http://prueba" || enlaces[i].href == "http://prueba/") {
- contador++;
- }
- }
- info.innerHTML = info.innerHTML + "<br/>" + contador + " enlaces apuntan a http://prueba"
- // Numero de enlaces del tercer párrafo
- var parrafos = document.getElementsByTagName("p");
- if (parrafos[2] != undefined) {
- enlaces = parrafos[2].getElementsByTagName("a");
- info.innerHTML = info.innerHTML + "<br/>" + "Numero de enlaces del tercer párrafo = " + enlaces.length;
- } else {
- info.innerHTML = info.innerHTML + "<br/>" + "El tercer parrafo no existe";
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement