CSS присвоение значения стиля
Я новичок , не судите строго, подскажите пожалуйста как на JS присвоить значения стиля одного класса CSS другому классу.
Попробовал так, не получилось : document.getElementsByClassName('firstclass')[0].style.width = document.getElementsByClassName('secondclass')[0].style.width; |
Цитата:
|
Цитата:
|
bravoo,
пример полностью можно? может в атрибуте style забыли прописать width , либо нет элементов. |
bravoo,
<!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"> div{ height: 10px; background-color: #FF0000; } p{ background-color: #FF00FF; height: 10px; } </style> <script> window.addEventListener('DOMContentLoaded', function() { document.getElementsByClassName('firstclass')[0].style.width = document.getElementsByClassName('secondclass')[0].style.width; }); </script> </head> <body> <div class="firstclass" ></div> <p></p> <div class="secondclass" style="width: 300px"></div> </body> </html> |
Пример!
<html> <head> <meta charset="utf-8"> <style> .firstclass { background-image:url (1.jpg); width:100px; height:100px; } .secondclass { width:50px; height:50px; } </style> </head> <body> <div class="firstclass"> </div> <div class="secondclass"> </div> </body> </html> В консоле: document.getElementsByClassName('firstclass')[0].style.width = document.getElementsByClassName('secondclass')[0].style.width; Не изменяет значение , если добавить <div class="secondclass" style="width:50px"> </div> Все работает! Можно ли сделать это не прописывая значения style в тег ? Ведь значение уже указано. |
bravoo,
почитай getComputedStyle |
Разобрался, спасибо !
|
Часовой пояс GMT +3, время: 01:13. |