padding блока получить javascript

Подробно о padding в javascript

1. Получаем padding в javascript

Скопировать ссылку



Получаем padding в javascript

Не буду рассказывать теорию получения padding в javascript - оно вам надо? Что я точно знаю, что это такая скукота...


Поэтому...

Нам нужен рабочий скрипт, который получит все паддинги нашего блока.

Для того, что написать живой пример получения padding в javascript нам потребуется:


Нам нужен блок. на котором будем тренироваться - пусть это будет div.

Как-то нам нужно обратиться к тегу к этому блоку, обращаться будет по id...

<div id="id_style">Смотри в консоль</div>

У нас есть "3 способа css" - выбираем один из них... пусть это будет style, где пропишем паддинги:

<style>
div#id_style {
padding: 2px 3px 4px 5px;
}
</style


Далее нам потребуется собрать javascript

<script>
element=document.getElementById('id_style');
var is_style=element.currentStyle || window.getComputedStyle(element, null);
</script>


Всю подготовительную работу по получению паддингов блока мы провели, далее отправляем все полученное в консоль

console.log( parseInt(is_style.paddingTop));
console.log( parseInt(is_style.paddingRight));
console.log( parseInt(is_style.paddingBottom));
console.log( parseInt(is_style.paddingLeft));

Смотри в консоль

Еще никто не прокомментировал! COMMENTS+   BBcode

🞨

Загрузить свой аватар

(max ширина, высота = 200px)

Подписаться + =

---