关于js获取页面背景图的问题

Question

window.onload=function(){

    document.body.onclick=function(){

        var pic=this.style.backgroundImage;

        if(pic.match('bg1')){

                pic='url(./images/bg2.png)';

       }else{

              pic='url(./images/bg1.png);'

      }

  }

如果是在内联样式表中定义body的背景图片，那么第一次点击pic的值是空的，再一次点击运行效果正常，如果是在body标签内运用行内样式定义背景图片则第一次点击就可以获取值且运行效果正常，这是为什么呢？

Answer 1

如果是内联样式的话这个style里面是没有这个属性的所以undefined没有match方法。如果想兼容的话去搜搜计算样式把。