Javascript this.style.display=无;谷歌Chrome中的问题-HTML5

Javascript this.style.display=无;谷歌Chrome中的问题-HTML5,javascript,html,google-chrome,styles,Javascript,Html,Google Chrome,Styles,当我使用这一行时: <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

当我使用这一行时:

<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>

你想要饼干吗?


在谷歌浏览器中点击它,什么也没发生。只是字体颜色在改变。 在学校的Mozilla Firefox中,它就像一个charme。

onclick=“keks.style.display”

应该是

onclick=“document.getElementById('keks').style.display”
onclick=“keks.style.display”

应该是

onclick=“document.getElementById('keks').style.display”
onclick=“keks.style.display”

应该是

onclick=“document.getElementById('keks').style.display”
onclick=“keks.style.display”

应该是



onclick=“document.getElementById('keks').style.display”

首先,我不知道keks是什么,其次,我只看到您更改字体颜色,style.display=block不会引起任何反应,如果display之前是block。元素ID不会成为全局变量。你需要使用
document.getElementById('keks')
Barmar:他们使用@user359374-请下次重新格式化代码,这样就不需要水平滚动,因为这是没有帮助的@Barmar-不幸的是,它们确实成为了全局变量,但这种做法是不鼓励的,不应该使用。此外,内联事件侦听器是另一种不好的做法,应该在外部脚本中替换为
addEventListener
(和
attachEvent
,如果您支持Internet Explorer 8及更早版本)。另外,
onclick
属性中的大括号是一个语法错误。首先我不知道keks是什么,其次我只看到更改字体颜色,style.display=block不会引起任何反应,如果display之前是block。元素ID不会成为全局变量。你需要使用
document.getElementById('keks')
Barmar:他们使用@user359374-请下次重新格式化代码,这样就不需要水平滚动,因为这是没有帮助的@Barmar-不幸的是,它们确实成为了全局变量,但这种做法是不鼓励的,不应该使用。此外,内联事件侦听器是另一种不好的做法,应该在外部脚本中替换为
addEventListener
(和
attachEvent
,如果您支持Internet Explorer 8及更早版本)。另外,
onclick
属性中的大括号是一个语法错误。首先我不知道keks是什么,其次我只看到更改字体颜色,style.display=block不会引起任何反应,如果display之前是block。元素ID不会成为全局变量。你需要使用
document.getElementById('keks')
Barmar:他们使用@user359374-请下次重新格式化代码,这样就不需要水平滚动,因为这是没有帮助的@Barmar-不幸的是,它们确实成为了全局变量,但这种做法是不鼓励的,不应该使用。此外,内联事件侦听器是另一种不好的做法,应该在外部脚本中替换为
addEventListener
(和
attachEvent
,如果您支持Internet Explorer 8及更早版本)。另外,
onclick
属性中的大括号是一个语法错误。首先我不知道keks是什么,其次我只看到更改字体颜色,style.display=block不会引起任何反应,如果display之前是block。元素ID不会成为全局变量。你需要使用
document.getElementById('keks')
Barmar:他们使用@user359374-请下次重新格式化代码,这样就不需要水平滚动,因为这是没有帮助的@Barmar-不幸的是,它们确实成为了全局变量,但这种做法是不鼓励的,不应该使用。此外,内联事件侦听器是另一种不好的做法,应该在外部脚本中替换为
addEventListener
(和
attachEvent
,如果您支持Internet Explorer 8及更早版本)。另外,
onclick
属性中的大括号是一个语法错误。因为您建议不要使用全局变量,所以我向您投了赞成票。出于好奇:酒桶的东西不应该起作用吗?我发现有趣的是,在click处理程序中,另一个元素“page1”实际上存在,但keks不存在。(它放在clicked元素下面,但我认为在单击时这不重要)示例:单击标题:page1在那里,keks未定义。为什么?@Robin尝试切换
div
img
的ID,然后将定义“keks”,但“page1”将未定义,我不太确定why@Robin我在这里复制了它,并将其用于
div
p
标签,但不是
img
,有更多经验的人应该回答这个问题,因为我不知道你为什么建议不使用全局var,你得到了我的支持。出于好奇:酒桶的东西不应该起作用吗?我发现有趣的是,在click处理程序中,另一个元素“page1”实际上存在,但keks不存在。(它放在clicked元素下面,但我认为在单击时这不重要)示例:单击标题:page1在那里,keks未定义。为什么?@Robin尝试切换
div
img
的ID,然后将定义“keks”,但“page1”将未定义,我不太确定why@Robin我在这里复制了它,并将其用于
div
p
标签,但不是
img
,有更多经验的人应该回答这个问题,因为我不知道你为什么建议不使用全局var,你得到了我的支持。出于好奇:酒桶的东西不应该起作用吗?我发现有趣的是,在click处理程序中,另一个元素“page1”实际上存在,但keks不存在。(它位于单击的元素下面,但我认为