フロントノート46-html要素のスタイルを設定します.

1032 ワード

前言
前の「フロントエンドノート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>