Tema: Buscar palabra en div que no pertenezca a una etiqueta
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 13/02/2014, 13:12
bathorz
 
Fecha de Ingreso: agosto-2013
Mensajes: 150
Antigüedad: 10 años, 8 meses
Puntos: 29
Respuesta: Buscar palabra en div que no pertenezca a una etiqueta
Atendiendo a la finalidad tenía esta idea:
Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3.    <head>
  4.       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.       <title></title>
  6.       <style type="text/css">
  7.          .clase1{color: red;}
  8.          .clase2{color: blue;}
  9.          .clase3{color: lime;}
  10.       </style>
  11.       <script type="text/javascript">
  12.          window.onload = function() {
  13.             var eDiv = document.getElementById('textoid');
  14.             var texto = '';
  15.             var clase = '';
  16.             for (var i = 0; i < eDiv.childNodes.length; i++) {
  17.                // span
  18.                if (eDiv.childNodes[i].nodeName === 'SPAN') {
  19.                   clase = eDiv.childNodes[i].className;
  20.                   cadena = eDiv.childNodes[i].innerHTML;
  21.                   texto += '<span class=' + clase + '>' + cadena + '</span>';
  22.                }
  23.                // Lo que no sea span
  24.                if (eDiv.childNodes[i].nodeName !== 'SPAN') {
  25.                   cadena = eDiv.childNodes[i].nodeValue;
  26.                   texto += cadena.replace(/texto/, '<span class="clase3">texto</span>');
  27.                }
  28.             }
  29.             document.getElementById("rst").innerHTML = texto;
  30.          }
  31.       </script>
  32.    </head>
  33.    <body>
  34.       <div id="textoid">
  35.          Hola, este texto es una prueba, <span class="clase1"> la prueba consiste </span> 
  36.          en reemplazar <span class="clase2">este texto.</span> Por otro texto.
  37.       </div>
  38.       <div id="rst"></div>
  39.    </body>
  40. </html>