previousGeschwister arbeiten nicht

Ich möchte das erste anvisieren<p> innerhalb der div durch Auswahl der zweiten<p> und mitpreviousSibling Eigentum, aber es funktioniert nicht.

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


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

BEARBEITEN:

OK, es funktioniert auf allen Browsern außer IE8, aber ich möchte, dass es auch in IE8 funktioniert.

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

if (c == undefined) {

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

Es funktioniert immer noch überall außer IE8. Wie kann ich die obigen Bedingungen für IE8 ändern?

EDIT 2:

Es ist auch gelungen, es in IE8 zum Laufen zu bringen:

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

if (c.previousElementSibling) {

    c.previousElementSibling.className = 'red';

} else {

    c.previousSibling.className = 'red';

}

Antworten auf die Frage(2)

Ihre Antwort auf die Frage