Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   CSS присвоение значения стиля (https://javascript.ru/forum/misc/66563-css-prisvoenie-znacheniya-stilya.html)

bravoo 23.12.2016 18:04

CSS присвоение значения стиля
 
Я новичок , не судите строго, подскажите пожалуйста как на JS присвоить значения стиля одного класса CSS другому классу.
Попробовал так, не получилось :

document.getElementsByClassName('firstclass')[0].style.width = document.getElementsByClassName('secondclass')[0].style.width;

рони 23.12.2016 18:07

Цитата:

Сообщение от bravoo
getElementById

нет индекса

bravoo 23.12.2016 18:08

Цитата:

Сообщение от рони (Сообщение 438789)
нет индекса

исправил

рони 23.12.2016 18:11

bravoo,
пример полностью можно? может в атрибуте style забыли прописать width , либо нет элементов.

рони 23.12.2016 18:17

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>

bravoo 23.12.2016 18:42

Пример!

<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 в тег ? Ведь значение уже указано.

Coriolan161 23.12.2016 18:48

bravoo,
почитай getComputedStyle

bravoo 23.12.2016 19:34

Разобрался, спасибо !


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