js改变css样式与两个背景交换

js改变css样式的三种方法

https://www.cnblogs.com/xiangru0921/p/6514225.html ]

• cssText=’’
  div.style.cssText='width:600px;height:250px;';
• setProperty()
  div.style.setProperty('width','700px');
• 使用css属性对应的style属性
  div.style.width = "800px";

js两者交换的实例

https://www.cnblogs.com/mulily/p/5906929.html](

• 背景交换

 function myfunction(){
    var one = document.getElementById('one');
    if(one.style.backgroundColor=='pink'){
        one.style.backgroundColor='blue';
    }   
    else{
       one.style.backgroundColor='pink';
    }
} 

选择器.style.backgroundColor=’’;

• 图片交换

  function imgfunction(){
    var image = document.getElementById('img'); 
      if(image.src.indexOf('h-img08') >= 0){
        image.src="image/image15/h-img07.jpg";
    }
    else{
        image.src="image/image15/h-img08.jpg";
    }
    }