php (285)
html (139)
математика (127)
css (119)
калькулятор (78)
html tags (61)
php function (53)
число (48)
дробь (48)
jquery (40)
text (37)
form html (30)
php array (30)
fonts (27)
html attribute (23)
ruweb.net (23)
foto (22)
type of input (22)
online (22)
Показать еще :
php file (21)
atom (20)
sublime text 3 (19)
деление (19)
forum (19)
определение (19)
десятичная дробь (18)
svg (18)
css property (17)
board (17)
hosting (17)
js method (16)
html book (16)
input (16)
js replace (15)
php string (15)
link (15)
color (15)
php folder (15)
matematika php (15)
php date (15)
js events (14)
htaccess (13)
table (13)
osclass (13)
вычитание (13)
download fonts (13)
dw block (12)
path (12)
select (12)
js delete (12)
font awesome (11)
icon (11)
keyboard (11)
jsphp (11)
php img (11)
info (11)
img (11)
php time (11)
yandex webmaster (11)
form (11)
download (11)
notepad (11)
url (10)
mouse (10)
признак делимости (10)
отрицательные (10)
вычитание дробей (9)
онлайн (9)
php session (9)
database (9)
js time (9)
css shape (9)
yandex (9)
сложить (9)
смешанная дробь (9)
encryption (8)
calculator (8)
drop down list (8)
js array (8)
cookie (7)
php operator (7)
jquery attribute (7)
$ server (7)
перевод дробей (7)
php url (7)
php count (7)
comment (7)
степень (7)
queryselector (7)
code editor (7)
знак (7)
php post (7)
selector css (7)
dreamweaver (7)
different (7)
dosite (7)
background (7)
task (7)
hover (7)
substr php (6)
alphabet (6)
php mistakes (6)
iframe (6)
list (6)
robots txt (6)
year (6)
tags meta (6)
position element (6)
filezilla (6)
mysql (6)
border property (6)
js class (6)
click (6)
js url (6)
ftp (5)
heading (5)
php get (5)
php cookie (5)
search (5)
display property (5)
js slice (5)
adminka (5)
types php (5)
placeholder (5)
js id (5)
registration (5)
js attribute (5)
browser (5)
paragraph (5)
mb (5)
треугольник (5)
$ global vars (5)
value (5)
умножение (5)
chart (5)
directadmin (5)
clock fonts (4)
умножить дробь (4)
week (4)
textarea (4)
template (4)
mounth (4)
bbcode (4)
day (4)
js string (4)
нок (4)
reg.ru (4)
php cycle (4)
vk (4)
делить дробь (4)
площадь (4)
submit (4)
php register (4)
задача (4)
preg replace (4)
captcha (4)
js form (4)
console (4)
classlist (4)
text decoration (4)
symbols (4)
php constants (4)
position (4)
js window (4)
about me (4)
dwweb ru (3)
pseudo element (3)
периметр (3)
ucoz (3)
checkbox (3)
сложить дробь (3)
jquery class (3)
корень (3)
auto form (3)
attribute data (3)
delete tag (3)
overflow (3)
php method (3)
js post (3)
count symbol (3)
line (3)
https (3)
pages (3)
php cycle for (3)
scandir (3)
ssl (3)
php counters (3)
js img (3)
vs code (3)
font style (3)
selector (3)
subdomain (3)
php rand (3)
password (3)
question (3)
jquery post (3)
php get element (3)
круг (2)
калькулятор 2 (2)
куб (2)
функция (2)
php array sort (2)
квадрат (2)
facebook (2)
js vars (2)
video (2)
youtube (2)
seo (2)
comments+ (2)
js object (2)
details (2)
набрать дробь (2)
source code (2)
js cookie (2)
title (2)
делить смешанную (2)
php round (2)
cursor (2)
title attribute (2)
js property (2)
php form (2)
base64 (2)
function time (2)
errordocument (2)
second (2)
tag hr (2)
money (2)
type file (2)
рся (2)
typeof (2)
arrows (2)
jquery method (2)
contenteditable (2)
authorization (2)
counter (2)
height (2)
php mail (2)
qr kod (2)
audio player (2)
first letter (2)
sitemap (2)
js value (2)
css book (2)
file cms (2)
yoomoney (1)
xmlhttprequest (1)
нод (1)
windows (1)
type range (1)
google (1)
sublime text 4 (1)
header (1)
js folder (1)
numbers (1)
archive (1)
domen (1)
sberbank (1)
speed (1)
text align (1)
books (1)
jquery book (1)
прямоугольник (1)
smile (1)
computer (1)
input html (1)
php info (1)
scroll (1)
css indent (1)
padding блока получить javascript
Подробно о 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
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>
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));
console.log( parseInt(is_style.paddingRight));
console.log( parseInt(is_style.paddingBottom));
console.log( parseInt(is_style.paddingLeft));
Смотри в консоль
Пользуйтесь на здоровье! Не забудьте сказать спасибо
Последние комментарии :
Марат :
07.07.2022 13:02
Вам спасибо, что оценили!
На ваш вопрос в одной строчке не ответишь, поэтому для вас отдельный пункт…
подробнее.
подробнее.
Борис :
07.07.2022 10:41
Спасибо за статью! Подскажите, пожалуйста, как сделать, чтобы файл создавался по имени из формы? Есть тест,…
подробнее.
подробнее.

подробнее.