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.