Javascriptで取得した要素の数値をｃｓｓにあてたい
Discussion
js 初心者です。よろしくお願いします
解決したいこと
ＷＥＢサイト開発中です。
Javascriptで取得した要素のheightの数値を、別の要素のpadding に充てたいです。
webサイトでやりたいこと
スマホ画面の下にnavを固定で置きたいと思っていますfooterのpadding-bottomにnavのheightをいれたいです。
ここまで書いたjs
'use strict'
{
let navi = document.querySelector('.nav')
console.log(navi)
let navHeight = navi.getBoundingClientRect().height;
console.log(navHeight)
}
heightの数値の取得には成功しましたが,
その数値をどのように入力するか分かりません。
またどのようなことを勉強すれば理解できるかも教えていただければ幸いです。
<div class="nav">
<nav>
<ul>
<li></li>
<li></li>
</ul>
</nav>
</div>
footer {
padding-top: 8;
padding-left: 10%;
padding-right: 10%;
padding-bottom: ;
margin-top: 32px;
}
自分で試したこと
ここに問題・エラーに対して試したことを記載してください。
0
