1. Con una cuenta podrás:

    • Publicar preguntas y pedir ayuda
    • Crear tutoriales
    • Acceder a contenido privado
    • Convertirte en un Héroe de la web
    Cerrar notificación
  2. Eres nuevo en la comunidad y necesitas ayuda?
    Sigue estos pasos y recomendaciones antes de publicar tu duda:
    Cerrar notificación

Buscar la palabra y cambiar su color.

Tema en 'Javascript' comenzado por rex, 25 de Julio de 2017.

Tags:
  1. rex

    rex Miembro

    Se incorporó:
    19 de Julio de 2017
    Mensajes:
    30
    Me gusta recibidos:
    3
    Puntos de trofeos:
    8
    Hola, nuevamente vengo a pedirles su ayuda:
    Resulta que quiero cambiarle el color de una palabra que se llama: "JOHN" dentro de mi tabla hecha cn HTML y JavaScript, pero tengo algunas restricciones:

    La primera no debo usar HTML ni CSS todo debe de ser directo del JavaScript.

    La segunda es que no debo de usar:
    Código (Javascript):
    tds[i].style.color = "red";
    ya que se esta modificando las celda y lo que quiero es que busque la palabra "John" y me cambie de color verde (por ejemplo).

    Enserio me gustaría que me ayudaran, ya que soy nuevo en Javascript y en este foro me ha sido de mucha funcionalidad.

    Ahora Les comparto mi código:

    Código (Javascript):
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Insert title here</title>
    </head>

    <style>
    table, th, td {
        border: 1px solid black;
        border-collapse: collapse;
    }
    </style>
    <body>
    <table id=”tabla1″ style="width:100%;">
      <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Age</th>
      </tr>
      <tr>
        <td>Jill</td>
        <td>Smith</td>
        <td>50</td>
      </tr>
     
      <tr>
        <td>Eve</td>
        <td>Jackson</td>
        <td>94</td>
      </tr>
     
      <tr>
        <td>John</td>
        <td>Doe</td>
        <td>80</td>
      </tr>
    </table>
    <script type="text/javascript">

    //var a=document.getElementsByClassName("blue1");
    //for (var i=0; i<a.length; i++) a[i].style.backgroundColor="blue";
    //var a=document.getElementsByClassName("red1");
    //for (var i=0; i<a.length; i++) a[i].style.backgroundColor="red";
    //var a=document.getElementsByClassName("green1");
    //for (var i=0; i<a.length; i++) a[i].style.color="green";

    var ths = document.getElementsByTagName("th");

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

      ths[i].style.color = "blue";

    }

    var tds = document.getElementsByTagName("td");

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

      tds[i].style.color = "red";

    }

    </script>
    </body>
    </html>
     
  2. rex

    rex Miembro

    Se incorporó:
    19 de Julio de 2017
    Mensajes:
    30
    Me gusta recibidos:
    3
    Puntos de trofeos:
    8
    Solo hay que agregar:

    var text = "Jackson";
    document.designMode = "on";
    var sel = window.getSelection();
    sel.collapse(document.getElementById("resultat"), 0);

    while (window.find(text)) {
    document.execCommand("ForeColor", false, "red");
    sel.collapseToEnd();
    }
    document.designMode = "off";
     
    A AngelKrak le gusta esto.

Comparte esta página