Q&A:root内の変数を取得したのちに、ボタンを押して背景色を変えたいのですが、
使用しているgetComputedStyle、getPropertyValueのどちらかが、
読み取り専用とどこかの記事に書いてあったので詰ってしまいました。
こちらの系統の手段で利用できそうなDOMってありますか？
ご教授いただけると幸いです。よろしくお願いいたします。
HTML
1<body> 2 <button class="button1" id="onbtn1" type="button"><tt>背景色変更１</tt></button> 3</body>
css
1:root{ 2 --body-bgc:#000000; 3} 4body{ 5 background-color: var(--body-bgc); 6} 7
javascipt
1document.getElementById('onbtn1').onclick = () => { 2 var color = getComputedStyle(document.documentElement).getPropertyValue('--body-bgc'); 3 color.style.backgroundcolor = '#ffffff'; 4}
回答1件
0
自己解決
以下に書き換えたところ解決できました。
javascript
1document.getElementById('onbtn1').onclick = () => { 2 //getComputedStyle(document.documentElement).getPropertyValue('--body-bgc'); 3 //↑このコードは不要だった。 4 document.documentElement.style.setProperty('--body-bgc', '#ffffff'); 5 }
投稿2021/02/12 19:19
編集2021/02/13 07:36
総合スコア46
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。