¿Cómo acceder al valor de un SPAN en Typescript?

publicado por: Anonymous

Tengo el siguiente etiquetado en html

<label class="checkbox">
      <span class="pull-right" style="padding-bottom: 16px;">
         <a data-toggle="modal" href="#">Conexión IP <span id="ipId"></span></a>
      </span>
</label>

pero quiero acceder al valor de el span con el id ipId desde typecript, pero no funciona:

let unit : string = (<HTMLSpanElement>document.getElementById("ipId")).value;

¿Cuál sería la forma correcta?

solución

si entendí bien, puedes probar con lo siguiente:

Vista

<label class="checkbox">
  <span class="pull-right" style="padding-bottom: 16px;">
    <a data-toggle="modal" href="#">Conexión IP <span id="ipId">{{ipPrueba}}</span></a>
  </span>
</label>
<button type="button" class="btn btn-danger" (click)="evaluar()">Evaluar</button>

Typescript

ipPrueba: string = '192.168.1.133';
evaluar()
{
  //Declaracion de la variable a utilizar
  let unit : string = document.getElementById('ipId').innerHTML;
  //Verificamos por consola el valor obtenido
  console.log("Unit: ", unit)
  //Evaluamos si el valor es indefinido, si no, es un valor valido
  if (unit == undefined)
  {
    console.log("undefined")
  }
  else
  {
    console.log("Valid!")
  }
}

Resultado

Script: 192.168.1.133 Valid!

Si de pronto no es lo que esperas, me haces saber!

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *