VPF::Свойство className не содержит имени класса

re3443

Дата 7.3.2011, 15:56 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 8
Регистрация: 24.2.2011

Репутация: нет
Всего: нет

В общем, достаточно стандартная задача. Найти все элементы input, имеющие определённый класс и что-то с ними сделать.
Почему-то свойство className для всех чекбоксов оказывается пустой строкой.
Код:

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
    
    window.onload = function() {
        var ut_vse = document.getElementById("ut_vse");
        ut_vse.onclick = function() {
            var inputs = document.getElementsByTagName("input");
            for (var i = 0; i < inputs.length; i++) {
                alert(inputs[0].className);
            }
        }
    } 

</script>
</head>
<body>
    Hello, annotation world!
    <br>

    <table border="1">
    <tr><td>Утопить<br><span>утопить все</span><input id="ut_vse" type="checkbox"/></td>
    <td>Наименование</td>
    <td>Спустить на воду<br><span>спустить на воду все</span><input id="spustit_vse" type="checkbox"/></td></tr>
    
    <tr>
        <td><input class="ut" type="checkbox"/></td>

        <td><p>Sokol 0</td>
        <td><input class="spustit" type="checkbox"/></td>
    </tr>
    
    <tr>
        <td><input class="ut" type="checkbox"/></td>
        <td><p>Sokol 1</td>
        <td><input class="spustit" type="checkbox"/></td>
    </tr>

    
    <tr>
        <td><input class="ut" type="checkbox"/></td>
        <td><p>Sokol 2</td>
        <td><input class="spustit" type="checkbox"/></td>
    </tr>
    
    <tr>
        <td><input class="ut" type="checkbox"/></td>
        <td><p>Sokol 3</td>

        <td><input class="spustit" type="checkbox"/></td>
    </tr>
    
    <tr>
        <td><input class="ut" type="checkbox"/></td>
        <td><p>Sokol 4</td>
        <td><input class="spustit" type="checkbox"/></td>
    </tr>
    
    <tr>

        <td><input class="ut" type="checkbox"/></td>
        <td><p>Sokol 5</td>
        <td><input class="spustit" type="checkbox"/></td>
    </tr>
    
    <tr>
        <td><input class="ut" type="checkbox"/></td>
        <td><p>Sokol 6</td>
        <td><input class="spustit" type="checkbox"/></td>

    </tr>
    
    <tr>
        <td><input class="ut" type="checkbox"/></td>
        <td><p>Sokol 7</td>
        <td><input class="spustit" type="checkbox"/></td>
    </tr>
    
    <tr>
        <td><input class="ut" type="checkbox"/></td>

        <td><p>Sokol 8</td>
        <td><input class="spustit" type="checkbox"/></td>
    </tr>
    
    <tr>
        <td><input class="ut" type="checkbox"/></td>
        <td><p>Sokol 9</td>
        <td><input class="spustit" type="checkbox"/></td>
    </tr>
    </table>
</body>
</html>

Все алерты выводят пустое окошко. Если заменить className на getAttribute('class'), то возвращается null. А классы, как видно из кода, у чекбоксов есть.

ksnk

Дата 7.3.2011, 16:02 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

попробуй заменить в 13 строке alert(inputs[0].className); на alert(inputs[i].className); smile

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

re3443

Дата 7.3.2011, 16:53 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 8
Регистрация: 24.2.2011

Репутация: нет
Всего: нет

Ннда....

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »