javascript - this.style.display = 无； Google Chrome 中的问题 - HTML5

Question

当我使用这条线时:

<div id="page1" onmouseover="this.style.color = 'grey'" onmouseout="this.style.color = 'black'" onclick="keks.style.display = 'block'" style="color: grey;">
    <p></p><h1>You want a cookie?</h1><p></p><br>
    <img id="keks" src="http://www.versuchschemie.de/upload/files2/30837447_420.jpg" style="display: none; margin: auto;" onclick="{page1.style.display = 'none'; page2.style.display = 'block'}">
</div>

然后在 Google Chrome 中点击它，没有任何反应。只是字体颜色发生了变化。在学校的 Mozilla Firefox 中，它就像一个魅力。

Answer 1

onclick="keks.style.display"

应该是

onclick="document.getElementById('keks').style.display"