getElementsByClassName
Есть 4 div у них стоит clsaa="kar"
Нужно чтобы после нажатия их ширина изменилась. Я думал что будет работать var kar = document.getElementByClassName('kar'); kar.style.width="25%"; но не работает,как исправить?что можно сделать? |
getElementByClassName возвращает collection
http://help.dottoro.com/ljpxmhgp.php поэтому нужно циклом будет пройтись по элементам |
можно подробнее?не очень хорошо знаю js
|
в ссылке, которую дал есть пример
|
это не то(у меня все гораздо проще
|
|
и для чего ты это сюда скинул?
|
ниже пример использования getElementsByClassName
<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>test</title> <style> .kar { border: 1px solid; margin: 1em; } </style> </head> <body> <button class="btn1">Изменить ширину</button> <div class="kar">Hello World</div> <div class="kar">Hello World</div> <div class="kar">Hello World</div> <div class="kar">Hello World</div> <script> var btn = document.getElementsByClassName('btn1')[0]; btn.onclick = function () { var kar = document.getElementsByClassName('kar'); for (var i = 0; i < kar.length; i += 1) { kar[i].style.width = "25%"; } } </script> </body> </html> |
BeetleJuice541,
у тебя getElementByClassName а надо getElementsByClassName ну и потом их в цикле перебираешь и каждому ставишь нужные стили. |
спасибо большое
|
Часовой пояс GMT +3, время: 15:31. |