объект style как работает присваивание

144
03 ноября 2019, 03:20

var div = document.getElementById('moving-div'); 
var placeHolder = document.createElement('div'); 
placeHolder.classList.add('anumber1'); 
placeHolder.style.height = div.offsetHeight + 'px'; 
 
var computedStyle = getComputedStyle(div, null); 
 
placeHolder.style.marginTop = computedStyle.marginTop; 
placeHolder.style.marginBottom = computedStyle.marginBottom; 
 
placeHolder.style.backgroundColor = '#C2C49b'; 
 
document.body.insertBefore(placeHolder, div) 
 
 div.style.position = 'absolute'; 
    div.style.right = div.style.top = 0;
Before Before Before 
 
<div id="moving-div"> 
Text Text Text<br> 
Text Text Text<br> 
</div> 
 
After After After

div.style возвращает объект, который дает доступ к стилю элемента на чтение и запись. Другими словами мы можем добавлять свои css стили; Получается right мы записали css свойство для топа; а топу мы присвоили 0; или top мы присвоили 0 а right присвоим top т.е. 0

div.style.right = div.style.top = 0;
READ ALSO
Как сделать чтобы прокрутка мыши не действовала на определенном article?

Как сделать чтобы прокрутка мыши не действовала на определенном article?

кому-то вечера или ночи, все вам ребята! Я постараюсь объяснить, чтобы вы меня понялиИтак в качестве образца я залил на тестовый домен html сайт

123
MySQL вывод значений

MySQL вывод значений

Как вывести данные, где col1 < col2

137
Ссылка на источник через html css

Ссылка на источник через html css

Каким образом можно реализовать такую вещь: при копирование ссылки с какого-то сайта и вставки в соц сеть, чтобы отображался блок с минимальной...

164
Что за плагин, позволяющий, к примеру, в HTML задавать структуру элемента в одну строку?

Что за плагин, позволяющий, к примеру, в HTML задавать структуру элемента в одну строку?

Вместо того, чтобы прописывать вручную неотсортированный список с шестью элементами и классом flex-elem в каждой <li>, умные люди пишут: ulflex-cont>li

143