Weird Javascript Anonymous function under Google Chrome

Question

<body>
   <section>
      <p id="status"></p>
      <button>Send</button>
   </section>
</body>

Above is the HTML code,and I add an event to the button with the above Javascript code:

<script type='text/javascript'>
    var status = document.querySelector('#status');
    var sendBtn = document.querySelector('button');
    sendBtn.addEventListener('click',function(){
        status.innerHTML='online'
    });
</script>

When I click the button it doesn't work (I use Google Chrome 27), but IE,Firefox and Ppera work well. I think the variable status is not defined in the anonymous function. Can anyone tell me why?

works normal for me under Chrome 27 http://jsfiddle.net/62sGZ/ — antyrat, Jun 11 '13 at 15:08
does it work if change it to document.querySelector('#status').innerHTML='online' — Greg Hornby, Jun 11 '13 at 15:12
YES, it works if change it to document.querySelector('#status').innerHTML='online — teemo, Jun 11 '13 at 15:14
btw ,in opera `status` is kinda reserved word: http://www.w3schools.com/jsref/prop_win_status.asp — Ivan Chernykh, Jun 11 '13 at 15:18
yeah,I solve the problem, status is the reserved word in chrome!Thanks to all ! — teemo, Jun 11 '13 at 15:21

score 1 · Answer 1 · answered Jun 11 '13 at 15:23

1

Thanks,Finally I solve the problem. status is a reserved word in the chrome.

answered Jun 11 '13 at 15:23

teemo

75
5

Weird Javascript Anonymous function under Google Chrome

1 Answers1