对于这段代码不太理解
<script type="text/javascript">function hidetext()
{
var mychar = document.getElementById("con");
}
function showtext()
{
var mychar = document.getElementById("con");
}
</script>
</head>
<body>
<h1>JavaScript</h1>
<p id="con">做为一个Web开发师来说,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。</p>
如上。为什么同一个con可以既显示又隐藏?不是很能理解。。。 1、目前这段代码,不具备隐藏/显示文本的功能。
因为:hidetext()和showtext()方法,都没有相应的DOM操作(只有一个mychar寻找到目标节点)。
需要显示/隐藏修改如下,目前假设通过按钮触发:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>JavaScript</h1>
<p id="con">做为一个Web开发师来说,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。</p>
<input type="button" onclick="hidetext()" value="隐藏">
<input type="button" onclick="showtext()" value="显示">
<script type="text/javascript">
function hidetext()
{
document.getElementById("con").style.display="none";
}
function showtext()
{
document.getElementById("con").style.display="block";
}
</script>
</body>
</html> 不二如是 发表于 2018-7-3 14:20
1、目前这段代码,不具备隐藏/显示文本的功能。
因为:hidetext()和showtext()方法,都没有相应的DOM ...
好哒!谢谢大神~
页:
[1]