Chcę kierować na pierwsze<p> wewnątrz div, wybierając drugi<p> i używaniepreviousSibling nieruchomość, ale nie działa.

<div id="par">
<p id="p1">test</p>
<p id="p2">test</p>
</div>


document.getElementById('p2').previousSibling.className = 'red';

EDYTOWAĆ:

OK działa na wszystkich przeglądarkach oprócz IE8, ale chcę, aby działało również w IE8, spróbowałem następujących warunków, ale bez skutku:

var c = document.getElementById('p2').previousElementSibling.className = 'red';

if (c == undefined) {

    c = document.getElementById('p2').previousSibling.className = 'red';
}

Nadal działa wszędzie oprócz IE8. Jak mogę zmienić powyższy warunek dla IE8?

EDYCJA 2:

Udało się również uruchomić go w IE8:

var c = document.getElementById('p2');

if (c.previousElementSibling) {

    c.previousElementSibling.className = 'red';

} else {

    c.previousSibling.className = 'red';

}