teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップJavaScriptに関する質問javascriptでheaderの高さを取得し、bodyのpadding-topの高さを変更したい。

編集履歴

回答編集履歴

3

px

2022/01/03 07:57

投稿

int32_t
int32_t

スコア21760

test CHANGED
@@ -16,7 +16,7 @@
16
16
 
17
17
  ```js
18
18
 
19
- document.getElementById("body").style.paddingTop = h;
19
+ document.getElementById("body").style.paddingTop = `${h}px`;
20
20
 
21
21
  ```
22
22
 
@@ -30,7 +30,7 @@
30
30
 
31
31
  ```js
32
32
 
33
- document.body.style.paddingTop = h;
33
+ document.body.style.paddingTop = `${h}px`;
34
34
 
35
35
  ```
36
36
 

2

paddingTop

2022/01/03 07:57

投稿

int32_t
int32_t

スコア21760

test CHANGED
@@ -16,7 +16,7 @@
16
16
 
17
17
  ```js
18
18
 
19
- document.getElementById("body").style.paddingtop = h ;
19
+ document.getElementById("body").style.paddingTop = h;
20
20
 
21
21
  ```
22
22
 
@@ -30,7 +30,7 @@
30
30
 
31
31
  ```js
32
32
 
33
- document.body.style.paddingtop = h ;
33
+ document.body.style.paddingTop = h;
34
34
 
35
35
  ```
36
36
 

1

nit

2022/01/03 07:56

投稿

int32_t
int32_t

スコア21760

test CHANGED
@@ -16,10 +16,22 @@
16
16
 
17
17
  ```js
18
18
 
19
- docment.getElementById("body").style.paddingtop = h ;
19
+ document.getElementById("body").style.paddingtop = h ;
20
20
 
21
21
  ```
22
22
 
23
23
 
24
24
 
25
25
  となるべきでしょう。
26
+
27
+
28
+
29
+ または、
30
+
31
+ ```js
32
+
33
+ document.body.style.paddingtop = h ;
34
+
35
+ ```
36
+
37
+ でいいかもしれません。