フロントノート46-html要素のスタイルを設定します.
1032 ワード
前言
前の「フロントエンドノート44——div内容の取得または変更」と「フロントエンドノート45——JavaScript取得と設定inputの値」では、私達が言っていた内容はすべて変更されました.このブログについて私達は
html要素のスタイルを設定します.
コードの例:
前の「フロントエンドノート44——div内容の取得または変更」と「フロントエンドノート45——JavaScript取得と設定inputの値」では、私達が言っていた内容はすべて変更されました.このブログについて私達は
html
を紹介します.html要素のスタイルを設定します.
コードの例:
<div id="box" style="background-color: red; height: 100px;width: 100px;"/>
<button id="btn"> </button>
<script type="text/javascript">
// : div
// 1 btn box 2 3
var oBtn = document.getElementById("btn")
var oBox = document.getElementById("box")
oBtn.onclick = function(){
// ‘.’ ‘ ’
// CSS background-color js -
oBox.style.backgroundColor = "orange"
}
</script>
</code></pre>
<p> , <code> id.style. </code> , html 。</p>
</div>
</div>
</div>
</div>