显示和隐藏是实现不了-慕课网

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

显示和隐藏是实现不了

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

qq_倾听心跳的旋律_0

2016-11-28 14:14

<!DOCTYPE HTML>

<html>

<head>

<title>reshen</title>

<script type="text/javascript">

function hidden(){

var c=document.getElementById("gm");

c.style.display="none";

}

function show(){

var c=document.getElementById("gm");

c.style.display="block";

}

</script>

</head>

<body>

<p id="gm">小明和小红去学校</p>

<form>

<input type="button" onclick="hidetext()" value="隐藏内容" />

<input type="button" onclick="showtext()" value="显示内容" />

</form>

</body>

</html>

写回答关注

3回答

老友丶

2016-11-28 14:25:57

已采纳

你HTML中的事件处理程序函数名和JS的函数名不同，改成一样的就好了。

1 1

qq_倾听心...

非常感谢！

2016-11-29 11:15:06

共 1 条回复 >
索伯列夫

2016-11-28 16:11:15

上下函数名不同

0 0
xia_红色蒲公英

2016-11-28 14:45:35

<input type="button" onclick="hidetext()" value="隐藏内容" /> 改为<input type="button" onclick="hidden()" value="隐藏内容" />
<input type="button" onclick="showtext()" value="显示内容" /> 改为<input type="button" onclick="show()" value="显示内容" />

0 0

JavaScript入门篇

JavaScript做为一名Web工程师的必备技术，本教程让您快速入门

739817 学习 · 9566 问题

相似问题

实现隐藏显示

回答 1

无法实现显示和隐藏功能

回答 2

隐藏和显示

回答 2

显示和隐藏（diaplay）

回答 5

写了隐藏和显示却不响应

回答 7

打开慕课网App查看更多内容