La propiedad previousElementSibling en HTML DOM se usa para devolver el elemento anterior del mismo nivel del elemento dado. Si no se encuentra ningún elemento anterior en el mismo nivel, devuelve nulo. Es una propiedad de sólo lectura. Es similar a la propiedad anteriorSibling pero la diferencia es que la propiedad anteriorSibling devuelve el Node hermano anterior como un Node de elemento, un Node de texto o un Node de comentario, mientras que la propiedad anteriorElementSibling devuelve el Node hermano anterior como un Node de elemento.
Sintaxis:
node.previousElementSibling
Valor devuelto: esta propiedad devuelve un hermano anterior del elemento especificado o nulo si el elemento actual no tiene un hermano anterior.
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM previousElementSibling Property
</title>
</head>
<body>
<h2>
DOM previousElementSibling Property
</h2>
<h4 id = "h42">Web Languages:</h4>
<select size = "4">
<option>HTML</option>
<option>CSS</option>
<option>JavaScript</option>
<option id = "Select">XML</option>
</select>
<br><br>
<button onclick = "Geeks()">
Previous Element Sibling
</button>
<br><br>
<p id = "p"></p>
<script>
function Geeks() {
var a =
document.getElementById("Select").previousElementSibling;
document.getElementById("p").innerHTML = a.text;
}
</script>
</body>
</html>
Salida:
Antes de hacer clic en el botón: 
Después de hacer clic en el botón:
Nota: No utilice espacios en blanco entre dos elementos hermanos, de lo contrario, el resultado será «indefinido».
Navegadores compatibles: los navegadores compatibles con la propiedad DOM anteriorElementSibling se enumeran a continuación:
- Google Chrome 2.0
- Internet Explorer 9.0
- Firefox 3.5
- Ópera 10.0
- Safari 4.0
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA