0

Intento obtener el elemento anterior al elemento que tiene la clase cp y se encuentre en el índice 1, pero me escribe undefined, envez del contenido del H2

var b =document.getElementsByClassName("cp")[1].previousSibling.innerHTML;


var c = document.body.innerHTML = b;
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
 <style>
   .cp {
     position: absolute;
     color: red;
     text-align: left;   
     
   }
   
  </style>
<body>
  <p style="text-align:center;">Este nuevo episodio, contaremos muchas cosas..</p>
  <b class="cp">Capitulo I:</b>
  <h2 style="text-align: center;">Maximo y minimo</h2>
  
  <b class="cp">Capitulo II:</b>
  

</body>
</html>

1 respuesta 1

3

Porque .previousSibling devuelve el Node anterior que no es el <h2> sino el espacio en blanco que hay entre el > de cierre del <h2> hasta el < al inicio del <b>

                                                      "

  "

El elemento que buscas es uno antes de ese, así que puedes usar

previousSibling.previousSibling

O mejor aún

previousElementSibling

que ignora los espacios en blanco

Ejemplo:

var b = document.getElementsByClassName("cp")[1].previousElementSibling.innerHTML;


var c = document.body.innerHTML = b;
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
 <style>
   .cp {
     position: absolute;
     color: red;
     text-align: left;   
     
   }
   
  </style>
<body>
  <p style="text-align:center;">Este nuevo episodio, contaremos muchas cosas..</p>
  <b class="cp">Capitulo I:</b>
  <h2 style="text-align: center;">Maximo y minimo</h2>

  <b class="cp">Capitulo II:</b>
  

</body>
</html>

5
  • 1
    Gracias Carlos Muñoz el 15 ago. 2017 a las 17:11
  • una pregunta, cual es el tipo de nodo de los espacios? el 15 ago. 2017 a las 17:14
  • .nodeType: 3 .nodeName: "#text" el 15 ago. 2017 a las 17:21
  • Actualicé la respuesta por una mejor, ya que lo de los espacios en blanco no funciona igual en IE el 15 ago. 2017 a las 17:24
  • Gracias, muchas gracias el 15 ago. 2017 a las 17:26

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.