Quero segmentar o primeiro<p> dentro do div selecionando o segundo<p> e usandopreviousSibling propriedade, mas não está funcionando.

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


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

EDITAR:

OK, ele funciona em todos os navegadores, exceto o IE8, mas eu quero que ele funcione no IE8 também, eu tentei o seguinte, mas sem efeito:

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

if (c == undefined) {

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

Ainda funciona em todos os lugares, menos no IE8. Como posso alterar o condicional acima para o IE8?

EDIT 2:

Consegui fazê-lo funcionar no IE8 também:

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

if (c.previousElementSibling) {

    c.previousElementSibling.className = 'red';

} else {

    c.previousSibling.className = 'red';

}