Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Ребят,что здесь не так? (https://javascript.ru/forum/misc/42060-rebyat-chto-zdes-ne-tak.html)

jule 10.10.2013 23:29
Ребят,что здесь не так?
 
Вот код:
<html>
<style type="text/css">
.button{
padding:10px;
text-decoration:none;
font-size:16px;
font-family:arial;
font-weight:bold;

border:1px solid #c9c2c1;
}
</style>
<body>


<script language="JavaScript" type="text/javascript">

document.getElementsByClassName("button").style.ba ckground='#000000';

</script>
<a href="#" class="button">Click me!</a>
</body>
</html>

Линкер ссылается на то, что не найден объект background . Точнее пишет это: "Uncaught TypeError: Cannot set property 'background' of undefined ". Что делать?

devote 10.10.2013 23:37 
window.onload = function() {
    document.getElementsByClassName("button")[0].style.background='#000000';
}

jule 10.10.2013 23:39
devote,
пишет тоже самое

devote 10.10.2013 23:47
Цитата:
Сообщение от jule
devote,
пишет тоже самое
сорри поправил

jule 10.10.2013 23:49
devote,теперь ругается на style:"Uncaught TypeError: Cannot read property 'style' of undefined"

devote 11.10.2013 00:24
Цитата:
Сообщение от jule
теперь ругается на style:
не знаю как у вас, но у меня все работает:
<html>
<style type="text/css">
.button{
padding:10px;
text-decoration:none;
font-size:16px;
font-family:arial;
font-weight:bold;

border:1px solid #c9c2c1;
}
</style>
<body>


<script language="JavaScript" type="text/javascript">

window.onload = function() {
    document.getElementsByClassName("button")[0].style.background='#000000';
}


</script>
<a href="#" class="button">Click me!</a>
</body>
</html>

jule 11.10.2013 00:33
devote,а, это у меня неправильно было. Спасибо! А у меня теперь возник теоретический вопрос:почему нужно было перед .style поставить [0]?

devote 11.10.2013 00:39
Цитата:
Сообщение от jule
почему нужно было перед .style поставить [0]?
потому что getElementsByClassName возвращает не один элемент а список элементов, в данном случае у вас всего один элемент имеет класс button и у него нулевой индекс.

jule 11.10.2013 00:40
devote,
ясно, еще раз спасибо.


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