Palabras claves en JavaScript

wigglyUtrera · #1 (**permalink**) 15/12/2007, 20:43

Hola, les explico:

Inicialmente tenemos una variable String, que contiene un codigo HTML.

por ejemplo:

Código:

<body onload="inicio()">
ForosDelWeb !! 
<a href="dfasdsdf">Enlace 1</a>
<a href="dfasdsdf">Enlace 2</a>
<a href="dfasdsdf">Enlace 3</a>
<p>Parrafo</p>
<div>Capa</div>
<a href="dfasdsdf">Enlace 4</a>
</body>

y en javascript

Código PHP:

  patron = new RegExp("<[^>]+>([^<]+)<\/[^>]+>","g");

         result = codigo.match(patron);

         cad = "";

         for(i=0;i<result.length;i++)

               cad += result[i]+",";

esto nos devuelve lo siguiente:

cad = <a href="dfasdsdf">Enlace 1</a>,<a href="dfasdsdf">Enlace 2</a>,<a href="dfasdsdf">Enlace 3</a>,<p>Parrafo</p>,<div>Capa</div>,<a href="dfasdsdf">Enlace 4</a>

pero quiero que devuelva:

cad = Enlace 1,Enlace 2, Enlace 3, Parrafo, Capa, Enlace 4

Se trata para sacar todas las palabras de un código. En un principio estoy cogiendo las que estan dentro de ETIQUETAS. Despues iré ampliando.

Alguna idea para hacer o mejorar el código??

Saludos

Panino5001 · #2 (**permalink**) 16/12/2007, 07:08

Fijate si te sirve esto:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>test</title>

<script>

function inicio(){

patron = new RegExp("<[^>]+>([^<]+)<\/[^>]+>","g");

         result = document.body.innerHTML.match(patron);

         cad = "";

         for(i=0;i<result.length;i++)

               cad += result[i]+",";  

//alert(cad)

//Obtener nodeValues

aux=document.createElement('div');

aux.id='auxiliar';

aux.style.display='none';

aux.innerHTML=result.join('');

document.getElementsByTagName('body')[0].appendChild(aux);

valornodos=[];

arAUX=document.getElementById('auxiliar').getElementsByTagName('*');

for(i=0;i<arAUX.length;i++){

valornodos.push(arAUX[i].firstChild.data);

}

document.getElementsByTagName('body')[0].removeChild(document.getElementById('auxiliar'));

alert(valornodos);

}

window.onload=inicio;

</script>

 
</head>

 
<body>

ForosDelWeb !! 

<a href="dfasdsdf">Enlace 1</a>

<a href="dfasdsdf">Enlace 2</a>

<a href="dfasdsdf">Enlace 3</a>

<p>Parrafo</p>

<div>Capa</div>

<a href="dfasdsdf">Enlace 4</a>

</body>

</body>

</html>

wigglyUtrera · #3 (**permalink**) 16/12/2007, 09:55

gracias Panino5001. Para empezar me sirve, voy a seguir añadiendo cosas...

Saludos

wigglyUtrera · #4 (**permalink**) 16/12/2007, 13:13

Panino5001 una pregunta:

que hace exactamente esta linea:

Código PHP:

  arAUX=document.getElementById('auxiliar').getElementsByTagName('*');

Una vez que ha añadido al documento el DIV auxiliar, accedes con:

Código PHP:

  document.getElementById('auxiliar')

pero despues lo siguiente no entiendo para que es...

es para que meta cada etiqueta en un indice del array???

Saludos

Panino5001 · #5 (**permalink**) 16/12/2007, 14:55

arAUX=document.getElementById('auxiliar').getEleme ntsByTagName('*');
Con esa línea generamos aun array con todos los elementos html presentes en el elemento cuyo id es 'auxiliar' (si quisiérmos todos los elementos párrafo, usaríamos document.getElementById('auxiliar').getElementsByT agName('p'); si quisiéramos sólo enlaces, usaríamos document.getElementById('auxiliar').getElementsByT agName('a'); pero como queremos la colección completa, usamos * que sirve de comodín).
Una vez que tenemos todos, recorremos el array y obtenemos el nodeValue con firstChild.data.