个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
24
4
我正在学习一门很酷的 JavaScript 类(class)，名为“Javascript 教程”。视频说明显示了我没有发生的事情。应该发生的是单击带有 logo HTML 标记的图像使其消失，然后单击“获取 Logo ”按钮将其恢复。
这是我在整个类(class)中构建的 jstut.html 文件的摘录:
<!doctype html>
<html lan="en">
<head>
<meta charset="utf-8">
<script src="jstut.js"></script>
<style type="text/css">
body {font-size: 1.6em;}
.hidden {display:none;}
.show {display:inLine !important;}
button {
border: 2px solid black; background: #ESE4E2;
font-size: .5em; font-weight: bold; color: black;
padding: .8em 2em;
margin-top: .4em;
}
</style>
</head>
<body>
<img src="ntt-logo.png" id="logo">
<button id="logoButton" type='text'>Get Logo</button>
<script>
document.getElementById('logoButton').onClick = function(event){
document.getElementById('logo').className = "show";
}
document.getElementById('logo').onClick = function(event){
document.getElementById('logo').className = "hidden";
}
</script>
</body>
</html>我将我的语法与类(class)中的语法进行了比较，结果完全匹配。请帮助我使图像在我单击时消失。
我正在使用 Firefox。我在 IE 和 Chrome 上试过这个，但它的行为方式相同。
最佳答案
您的代码几乎完全符合您提到的教程。你的不同之处在于你一直在调用 .onClick 你应该设置 .onclick 的地方:
document.getElementById('logoButton').onclick = function(event) {
document.getElementById('logo').className = "show";
}
document.getElementById('logo').onclick = function(event) {
document.getElementById('logo').className = "hidden";
}
请注意 properties are case sensitive in JavaScript .
document.getElementById('logoButton').onclick = function(event) {
document.getElementById('logo').className = "show";
}
document.getElementById('logo').onclick = function(event) {
document.getElementById('logo').className = "hidden";
}body {
font-size: 1.6em;
}
.hidden {
display: none;
}
.show {
display: inLine !important;
}
button {
border: 2px solid black;
background: #ESE4E2;
font-size: .5em;
font-weight: bold;
color: black;
padding: .8em 2em;
margin-top: .4em;
}<img src="//placehold.it/200x200" id="logo">
<button id="logoButton" type='text'>Get Logo</button>关于javascript - 使图像在 JavaScript 中消失 onClick，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39758896/
24
4
0
我使用 vanilla JS 通过 AJAX 向数据库发送请求。数据写入数据库没有问题。在刷新页面之前，我看不到被放入数据库中的内容。当我删除内容时也会发生同样的情况，我必须刷新才能看到内容消失了。
抱歉，这篇文章很长，我试图提供所有信息并解释我已经尝试过的内容。 问题: 我将经典的 Phoenix View 放入实时 View 中。虽然一切看起来都很好，但 echart 一完成绘制就消失了。好像
搜索了一下，没有找到我要找的东西。我有两个按钮，单击一次即可拉出两个不同的选择框，第二次单击它们就会消失。但是，我希望选择框 1 在单击按钮 2 时消失，反之亦然:选择框 2 将在单击按钮 1 时消失
我正在尝试使用自动布局使用“浮动”标题构建滚动视图。更确切地说，我正在尝试建立包含几列的日历视图。这些列中的每个列都应具有自己的标题，该标题应浮动在顶部，而该列可以垂直滚动到其下方。 如果一切正常，则
我正在尝试模仿星星背景。 星星是在加载时创建并随机散布在整个网站上的。到目前为止我已经调整了一些代码。 var star="•"; var numStars=100; for(var x=1;x•";
我查遍了整个网络，但找不到解决方案。我对 jQuery 也很陌生。 我的案例: 我有一个导航栏，其中的每个链接都会激活/触发一个megamenu(每个链接都有自己的megamenu)。 我需要什么:
我有一个可扩展的 ListView ，当我点击一行时，它会触发 onChildClick 或 onGroupClick，具体取决于我点击的是子项还是组。 如果我在 xml 布局文件中添加可点击的内容(
在我的程序中，我有一个 NSMutableData 变量，用于收集来自 http://www.nhara.org/scored_races-2013.htm 的信息。 .大约第三次从网站获取信息后，当
我一直在完美地使用 Genymotion，但是从最近几天开始我的 Genymotion 并打开它的 GPS 开始，我的 Genymotion 突然消失了。但是我的 eclipse 显示 Genymot
这个问题不太可能帮助任何 future 的访问者；它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况有关，这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用，visit
关闭。这个问题需要debugging details .它目前不接受答案。 编辑问题以包含 desired behavior, a specific problem or error, and t
所以我的 Item::return_all() 有问题，因为我在 main.cpp 中调用它。早些时候我在 read_file() 和 for (auto data : example_item) 中
所有 UITableCells 在 UITableView 中滚动和触摸时消失。一切都以编程方式完成，我使用标准的 UITableViewCell 类。 我在某处读到包含我的单元格数据的数组可能被清空
我对 Swift 还很陌生。我的问题是我的 UICollectionView 正在消失。在 Xcode 中，它显示一切就绪，但当我在模拟器或设备上启动时，它消失了，只剩下导航栏和标签栏。 有谁知道是什
这是 this one的续题。较早的问题是在复选框上。但是后来我根据要求把check box改成了radio buttons。 现在我需要显示子单选按钮并在母单选按钮处于事件状态时更改背景颜色。一旦它
我用 JS 写了一个简单的脚本。当我将它放入 html 文档(在 body 标签的底部)时，它工作正常。当我尝试将它放入外部文档并链接它时，脚本运行但 canvas 元素消失(刚刚检查:当我将脚本放在
我正在尝试创建一个带有固定元素的滚动页面，当用户向下滚动页面时，该元素“始终”可见。例如，带有道路背景的汽车图像。因此，当用户向下滚动页面时，汽车看起来就像在路上行驶。虽然汽车出现在道路的顶部，但它必
这个问题在这里已经有了答案: How can I change CSS display none or block property using jQuery? (15 个答案) 关闭 4 年前。
我在市场上有一个支持小部件的应用程序。我对应用程序进行了一些重大更改，重新设计了很多内部结构，替换/重命名 Activity 等。其他更改包括从不同的共享首选项键获取小部件配置数据，尽管我已经编写了转
我有一个 fragment alertsfragment.java，它有一个 GridView 布局，当我打开它时，它工作正常，但是当我在其他选项卡之间滑动时，它就消失了。为了解释更多，我有一个 Ac
我是一名优秀的程序员,十分优秀！