problem z nextSibling Opcje

[piotrooo89]

Wałkuje JS i natknąłem się na problem. mam taki kod

[HTML] pobierz, plaintext 
<div class="all">
        <input type="text" name="nazwa_firmy" id="nazwa_firmy" onFocus="on(this);" onBlur="off(this);"/>
            <label for="nazwa_firmy">Nazwa firmy</label>
    </div>
[HTML] pobierz, plaintext 

i skrypt:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function on(item)
{
    item.style.border='1px solid black';
    var label = item.nextSibling;
    label.style.color='black';
}
function off(item)
{
    item.style.border='1px solid gray';
}
</script>
[HTML] pobierz, plaintext 

i chce po kliknięciu zmienić obramowanie i kolor labela na czarny a po od kliknięciu na szare. działa z obramowaniem a z labelem mam problem, w ogóle nie zmienia mi koloru.

jakieś pomysły?

[Crozin]

Bo tekst (enter/spacje) pomiędzy elementami jest traktowany jako element drzewa DOM.

Ale możesz to w miarę prostym skryptem rozwiązać:

Kod

var label = item;
do{
  label = label.nextSibling;
}while(label.nodeType != 1);

label.style.color='black';