Un <td> contiene el siguiente contenido:

Clave del candidato: ABCDEFG

someemail@gmail.com

1237567541

Y su querySelector es:

document.querySelector('#content > table > tbody > tr:nth-child(1) > td:nth-child(1) > table > tbody > tr:nth-child(2) > td:nth-child(1) > table > tbody > tr > td:nth-child(2)')

QuerySelector devuelve:

<td width="150">
                Candidate Key: ABCDEFG
                <br>someemail@gmail.com
                <br>1237567541          
</td>

Necesito extraer solo la dirección de correo electrónico. Podría lograr esto con JavaScript usando una subcadena desde el primer <br> al segundo <br>. Pero para mi caso de uso particular, tengo que poder lograrlo solo dentro del querySelector. ¿Hay alguna manera de hacerlo? ¿Algo como agregar br(0).innerText?

javascript
0
extensionhelp 10 may. 2019 a las 00:46

4 respuestas

La mejor respuesta

Si el contenido de td es consistente, entonces la solución más simple sería:

const email = document.querySelector('td').innerHTML.split('<br>')[1].trim();

console.log(email);
<table>
  <tbody>
    <tr>
      <td width="150">
        Candidate Key: ABCDEFG
        <br>someemail@gmail.com
        <br>1237567541
      </td>
    </tr>
  </tbody>
</table>
1
braza 9 may. 2019 a las 22:09

Hay más simple => usar fila / celda

const myTable = document.querySelector('#content table tbody');

let
  txt_1_2 = myTable.rows[1].cells[2].innerHTML,
  eMail   = txt_1_2.split('<br>')[1].trim();
  
  
console.log(eMail);
table { border-collapse: collapse;}
td { border: 1px solid grey}
<div id="content">
 <table>
  <tbody>
   <tr> <td>0.0</td> <td>0.1</td> <td>0.2</td> </tr>
   <tr>
    <td>1.0</td>
    <td>1.1</td>
    <td>
     Candidate Key: ABCDEFG
     <br>someemail@gmail.com
     <br>1237567541
    </td>
   </tr>
  </tbody>
 </table>
</div>
0
Mister Jojo 9 may. 2019 a las 22:11

Probablemente quieras usar Regex. Algo como esto:

var email = document.querySelector('div').innerHTML.match(/\b[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}\b/i);
console.log(email);
<div>
  Candidate Key: ABCDEFG
  <br>someemail@gmail.com
  <br>1237567541          
</div>

Entonces el suyo se verá así:

var email = document.querySelector('#content > table > tbody > tr:nth-child(1) > td:nth-child(1) > table > tbody > tr:nth-child(2) > td:nth-child(1) > table > tbody > tr > td:nth-child(2)').innerHTML.match(/\b[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}\b/i);
0
imtheman 9 may. 2019 a las 21:59

Lo sentimos, no puede hacerlo directamente en la llamada querySelectorAll. No admite patrones de expresiones regulares. Es posible que pueda hacerlo con un enfoque "contiene", pero incluso eso solo lo llevaría al <td> externo, porque los selectores solo pueden tomar elementos y no los nodos de texto.

0
Jordan Rieger 9 may. 2019 a las 22:22

Preguntas relacionadas

7 ¿Cuándo es necesaria una sección CDATA dentro de una etiqueta de script?
19 ¿Cómo verifico si un objeto tiene una propiedad específica en JavaScript?
11 Desactivar la regla de eslint para una línea específica

Nuevas preguntas

2 Operaciones asíncronas secuenciales para cada uno en Node JS
3 Cambiar las propiedades de los objetos de forma inmutable para claves específicas
2 Cinco entradas dependen de los valores de dos selecciones
2 ¿Es posible llamar a la función con 2 parámetros o más usando la convención JSFuck?
2 Cómo deshabilitar un evento durante un cambio de estado
2 creación de matriz filtrada por datos llegados de xml (filtro y matriz)
2 ¿Cómo encontrar documentos que contienen uno o más elementos de la matriz de búsqueda en MongoDB?
2 Cadena JSON que envía varios mensajes. discord.js
2 ¿Cómo limitar múltiples campos de entrada (que usan v-model) para aceptar solo números en Vue.js (sin repetir el código para cada campo de entrada)?
2 ¿Cómo crear un campo de entrada receptivo en la barra de navegación?
Nuevas preguntas con la etiqueta javascript >

javascript

Para preguntas relacionadas con la programación en ECMAScript (JavaScript / JS) y sus diversos dialectos / implementaciones (excluyendo ActionScript). Esta etiqueta rara vez se usa sola, pero a menudo se asocia con las etiquetas [node.js], [json] y [html].

javascript...