为什么我的不能隐藏内容-慕课网

首页课程实战体系课手记专栏慕课教程

为什么我的不能隐藏内容

来源：9-1 认识DOM

qq_啦啦啦啦_5

2018-07-05 11:20

大佬们帮我看一下

写回答关注

7回答

SujeDev

2018-12-08 19:07:46

display写错了

0 0
造物主学徒

2018-08-06 16:18:01

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>style样式</title>
</head>
<body>
<h2 id="con" onclick="cc()">I love JavaScript</H2>
<p> JavaScript使网页显示动态效果并实现与用户交互功能。</p>
<script type="text/javascript">
var clr=document.getElementById("con");
clr.style.color="red";
clr.style.backgroundColor="#ccc";
function cc(){
clr.style.display="none"
}

</script>
</body>
</html>

0 0
TeamLin

2018-07-16 11:56:17

display 你写成diaplay了。。。

0 1
helloQF

2018-07-08 00:06:41

为什么是单引号的

0 0
qq_啦啦啦啦_5

2018-07-05 15:33:04

为什么一定要写到函数里呢，我记得JavaScript入门篇最后那个练习没有把获取id这些语句写进去

2 0

慕粉1474...

没必要一定写到函数体里面，图中mycha是全局变量，它之后的页面js都可以使用它，就连onclick中也可以使用。是你的单词拼写问题

2018-12-19 15:05:04

共 2 条回复 >
qq_抛物线_0

2018-07-05 12:47:34

<head>
<meta http-equiv="Content-Type" content="text/html;">
<meta charset="UTF-8">
<title>style 样式 </title>
</head>
<body>
<h2 id="con">l love ]avaScript</h2>
<p> JavaScript使网页显示动态效桌并实现与用户交互功能。</p>
<script type="text/javascript">
function mydisplay() {
var mycha = document.getElementById('con');
mycha.style.color = 'red';
mycha.style.backgroundColor = '#CCC';
mycha.style.display = 'none';
}
</script>
<input type="button" value="隐藏内容" onclick='mydisplay()'>
</body>
</html>

0 0
qq_丿iTTF鹰_0

2018-07-05 11:38:58

你的获取的id 的那些语句写在函数里面就行了

6 0

慕粉1474... 回复qq_丿iT...

你再试试看行不行，估计你自己写的代码有问题。获取id 的语句没必要放在函数体里面，上图中的mycha是全局变量，建议你去了解一下全局变量和局部变量的区别。

2018-12-19 15:01:11

共 6 条回复 >