代码出错，我看不出来……-慕课网

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

代码出错，我看不出来……

来源：3-5 显示和隐藏（display属性）

青依心暖

2018-04-17 10:42

为什么我的代码敲出来之后，点击按钮没有什么用呢？

写回答关注

7回答

慕勒0975681

2018-04-17 13:56:18

已采纳

display属性拼写错了

1 0

青依心暖

非常感谢！

2018-04-23 08:26:13

共 1 条回复 >
Vans

2018-09-16 10:32:21

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>显示和隐藏（display属性）</title>
<script type="text/javascript">
//语法：Object.style.display = value
//注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。
function hidetext()
{
document.getElementById("con").style.display="none";
}

function showtext()
{
document.getElementById("con").style.display="block";
}
</script>
</head>
<body>
<h1>JavaScript</h1>
<p id="con">JavaScript is good tool</p>
<form>
<input type="button" onclick="hidetext()" value="Hide text">
<input type="button" onclick="showtext()" value="Show text">
</form>
</body>
</html>

0 1
TNT0

2018-04-24 10:21:58

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>display</title>
<script type="text/javascript">
function hidetext()
{
var mychar = document.getElementById("con");
mychar.style.display="none";
}
function showtext()
{
var mychar = document.getElementById("con");
mychar.style.display="block";
}
</script>
</head>
<body>
<h1>JavaScript</h1>
<p id="con">做为一个Web开发师来说，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。</p>
<form>
<input type="button" onclick="hidetext()" value="隐藏内容" />
<input type="button" onclick="showtext()" value="显示内容" />
</form>
</body>
</html>

0 1
TNT0

2018-04-19 10:45:24

function hidetext()
{
var mychar = document.getElementById("con");
mychar.style.disliay="none";
}
这里面的 mychar.style.disliay="none"; disliay应该改为display

1 1

青依心暖

这个我改了之后，还是没办法实现隐藏的功能

2018-04-23 08:29:10

共 1 条回复 >
青依心暖

2018-04-17 11:28:21

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>display</title>
<script type="text/javascript">
function hidetext()
{
var mychar = document.getElementById("con");
mychar.style.disliay="none";
}
function showtext()
{
var mychar = document.getElementById("con");
mychar.style.display="block";
}
</script>
</head>
<body>
<h1>JavaScript</h1>
<p id="con">做为一个Web开发师来说，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。</p>
<form>
<input type="button" onclick="hidetext()" value="隐藏内容" />
<input type="button" onclick="showtext()" value="显示内容" />
</form>
</body>
</html>

3 0

你在那边看到...

mychar.style.disliay = “无”; 改成 mychar.style.display = “无”;

2018-09-20 11:10:57

共 3 条回复 >
qq_与_7

2018-04-17 11:25:42

</head>
<body>
    <p id="p1" > JavaScript使网页显示动态效果并实现与用户交互功能。</p>
    <input type="button" value="添加样式" onclick="add()"/>
   <p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>
    <input type="button" value="更改外观" onclick="modify()"/>

   <script type="text/javascript">
       function add(){
          var p1 = document.getElementById("p1");
          p1.className="one";
       }
       function modify(){
          var p2 = document.getElementById("p2");
          p2.className="two"
       }
这个是我成功的代码，提供给你参考

0 1
慕勒0975681

2018-04-17 11:18:31

你得把代码粘出来给大家看哈，或者你自己debug还有console看下报错

1 0

青依心暖

对不起，我忘了，我还以为这个代码是大家都可以看到的。在楼下

2018-04-17 11:31:30

共 1 条回复 >