<button id="left">開燈</button>
<button id="right">關(guān)燈</button>

<script>
  //1.獲取頁(yè)面元素
  var left=document.getElementById('left');
  var right=document.getElementById('right');
  //注意獲取body的方式有兩種
  //第一種:直接使用document的點(diǎn)語(yǔ)法
  //var body1=document.body;
  // console.log ( body1 )
  //第二種:通過(guò)標(biāo)簽名來(lái)獲取,但要注意去標(biāo)簽名后要添加下標(biāo),因?yàn)橛脴?biāo)簽名獲取的是數(shù)組
  var body=document.getElementsByTagName('body')[0]//因?yàn)橥ㄟ^(guò)標(biāo)簽名獲取的是數(shù)組,一定要求取下標(biāo)才可以
  console.log ( body )
  //2.注冊(cè)事件
  left.onclick=function ( ) {
    body.style.backgroundColor="white";
  }
  right.onclick=function ( ) {
   body.style.backgroundColor = "black";
  }
</script>

<script>
$ ( function () {
 //獲取按鈕們
 var buttons=$('button');
 //2.開燈
 $ (buttons[ 0 ]).click(function () {
   $('body').css("backgroundColor",'white');
 })
 // $ ( 'body' ).css('backgroundColor','white')
 //3.關(guān)燈
 buttons[ 1 ].onclick=function ( ) {
   $('body').css('backgroundColor','black');
 }
} )
</script>