[已解决]对于这段代码不太理解

krpa · 发表于 2018-7-3 12:24:36

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

<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可以既显示又隐藏？不是很能理解。。。

最佳答案

月排行榜 / 总排行榜

不二如是

2018-7-3 14:20:06

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:06

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>

krpa · 发表于 2018-7-3 15:43:23

不二如是发表于 2018-7-3 14:20
1、目前这段代码，不具备隐藏/显示文本的功能。
因为：hidetext（）和showtext（）方法，都没有相应的DOM ...

好哒！谢谢大神~

账号		自动登录	找回密码
密码			立即注册