点击按钮切换背景图仅生效一次的问题求助

各位好，我遇到了个头疼的小问题：我写了一段点击按钮切换header背景图的代码，但它只生效一次——第一次点击能正常切换背景，之后再点按钮就完全没反应了。我感觉用来判断的URL路径是正确的，但程序好像就是没法正确识别当前的背景图状态，有没有朋友能帮我找找原因？

以下是我的代码：

<div id="btn" onclick="toggletopmenu()"></div>

<script>
function toggletopmenu() 
  {
  var x = document.getElementById('header')
   ;
  if (x.style.backgroundImage !== "url('images/heading.png')")
    {
    x.style.backgroundImage = "url('images/headermenu.png')";    
    } 
  else 
    {
    x.style.backgroundImage = "url('images/heading.png')";
    }
  }
</script>

备注：内容来源于stack exchange，提问作者goo