Acceder texto con javascript

Question

Acceder texto con javascript

Archivado

zaius5 27 abr 2011 18:38

MegaAdicto!!!

1.043 mensajes
desde sep 2005

Teniendo este parrafo

El texto del parrafo

trato de acceder con al texto con

document.getElementById("parrafo").text

pero no funciona,como deberia acceder al texto del parrafo?

3 respuestas

Answer 1 · 2011-04-27T17:52:17+00:00

http://krook.org/jsdom/HTMLParagraphElement.html

document.getElementById("parrafo").innerText, o innerHTML, depende de lo que quieras.

#68527# 27 abr 2011 18:56 · Answer 2 · 2011-04-27T17:56:24+00:00

También puedes usar librerías más potentes como jquery, y sería algo del tipo: var texto = $('#parrafo').text() y $('#parrafo').text(texto) para leer y escribir respectivamente.

zaius5 28 abr 2011 16:55 MegaAdicto!!! **1.043** mensajes desde **sep 2005** · Answer 3 · 2011-04-28T15:55:52+00:00

<html>
   <head>
      <script type="text/javascript" src="jquery.js"></script>
      <script type="text/javascript" src="jquery.alerts.js"></script>
   </head>
   <body>
      <div id="recuadro" style="background-color:#04B45F">
         <!--<p><span style="color:#FF8000">El texto del </span><span style="color:#0B610B">parrafo</span></p></br>-->
         <p id='parrafo'>El texto del parrafo</p>
         <input id="boton1" type="button" value="Alerta">
      </div>   
   </body>
   <script>
      var x;
      x=$(document);
      x.ready(inicializarEventos);
      
      function inicializarEventos(){
         var x;
         x=$("#boton1");
         x.click(presionBoton1);
         pasarRaton();
         dividirCadena();
      }
      
      function presionBoton1(){
         var texto;
         texto=$('#parrafo').text();
         alert(texto);
      }
      
      function pasarRaton(){
         $('#parrafo').hover(function(){
               $(this).css("background-color","#ffff00")
            },
            function(){
               $(this).css("background-color","#04B45F")
            }
         )
      }
      function dividirCadena(){
         var palabras=$('#parrafo').text().split(" ");
         var nuevo="";
         
         for(i=0;i<palabras.length;i++)
         {
            palabras[i]="<span style='background-color:#DF0101'>"+palabras[i]+"</span>"+" ";
            nuevo=nuevo+palabras[i];
         }
         var palabras=$('#parrafo').text(nuevo);
      }
   </script>
</html>

En el metodo dividirCadena cuando cambio el texto de parrafo me añade las etiquetas literalmete al la cadena en vez de como etiquetas,como seria para añadir las etiquetas dinamicamente.Ya que lo que quiero es poder cambiar las propiedades de cada palabra del texto por separado.

PD
Si vesis cosas rars en el codigo ,son cosas que voy probando

Acceder texto <p> con javascript