Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   не выдалеят div (https://javascript.ru/forum/misc/8421-ne-vydaleyat-div.html)

Петр 24.03.2010 16:54

не выдалеят div
 
есть код. он должен выделять слои крассным, но он чего то не работает.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
    <script type="text/javascript">
        function valid() {
            var parentNode = document.getElementById("_handler");
            for (var i=0;i!=parentNode.childNodes.length;i++) {
                var node = parentNode.childNodes[i];
                node.style.background = "#FFA090";
            }
        }
    </script>
</head>
<body>
<div id="_handler">
    <div>Participants</div>
    <div>Roles
        <label>
            <input type="radio" value="1">
        </label>
    </div>
    <div>Users List
        <label>
            <input type="radio" value="2">
        </label>
    </div>
</div>
<input type="button" onclick="valid();" value="ok">
</body>
</html>

Shaci 24.03.2010 17:03

скорее всего
http://javascript.ru/tutorial/dom/in...hnyh-brauzerah

Kolyaj 24.03.2010 17:03

Пора делать стандартный ответ: в консоль ошибок смотрели?

Shaci 24.03.2010 17:06

вот так в FireFox работает
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
    <script type="text/javascript">
        function valid() {
            var parentNode = document.getElementById("_handler");
            for (var i = 0;i != parentNode.childNodes.length; i++) {
                var node = parentNode.childNodes[i];
                node.style.background = "#FFA090";
            }
        }
    </script>
</head>
<body>
<div id="_handler"><div>Participants</div><div>Roles
        <label>
            <input type="radio" value="1">
        </label>
    </div><div>Users List
        <label>
            <input type="radio" value="2">
        </label>
    </div></div>
<input type="button" onclick="valid();" value="ok">
</body>
</html>

Петр 24.03.2010 17:14

http://javascript.ru/tutorial/dom/in...hnyh-brauzerah
не понял к чему это?

консоль Ошибка: node.style is undefined
Источник: file:///home/pitbull/projects/WebEmailRead/web/html/ts/js/alertr.html
Строка: 11

проверил в ff chrome opera вообще не работает.

Shaci 24.03.2010 17:24

запустите в FF то, что я здесь в ответе написал

Петр 24.03.2010 17:31

Цитата:

Сообщение от Shaci (Сообщение 48937)
запустите в FF то, что я здесь в ответе написал

ff какой? в коде ничего не изменилось что вы привели и что я выложил.

Kolyaj 24.03.2010 17:36

Изменилось.

Shaci 24.03.2010 17:36

Цитата:

в коде ничего не изменилось что вы привели и что я выложил.
в коде - нет, в разметке - да
<div id="_handler"><div>Participants</div><div>Roles
        <label>
            <input type="radio" value="1">
        </label>
    </div><div>Users List
        <label>
            <input type="radio" value="2">
        </label>
    </div></div>

Петр 24.03.2010 17:40

) блин круто теперь работает. спс.


Часовой пояс GMT +3, время: 21:52.