Форум

jule · #1 (**permalink**) 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 · #2 (**permalink**) 10.10.2013, 23:37

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

jule · #3 (**permalink**) 10.10.2013, 23:39

devote,
пишет тоже самое

devote · #4 (**permalink**) 10.10.2013, 23:47

Сообщение от jule

devote,
пишет тоже самое

сорри поправил

jule · #5 (**permalink**) 10.10.2013, 23:49

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

devote · #6 (**permalink**) 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 · #7 (**permalink**) 11.10.2013, 00:33

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

devote · #8 (**permalink**) 11.10.2013, 00:39

Сообщение от jule

почему нужно было перед .style поставить [0]?

потому что getElementsByClassName возвращает не один элемент а список элементов, в данном случае у вас всего один элемент имеет класс button и у него нулевой индекс.

jule · #9 (**permalink**) 11.10.2013, 00:40

devote,
ясно, еще раз спасибо.

Форум

Справочник

Discord чат

Курсы javascript