                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

这样做好不好？（能运行）总感觉哪里怪怪的，求各位大佬指点

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

相遇不相识

2019-05-02

源自：JavaScript进阶篇 9-1

关注问题我要回答

912

操作

收起

4 回答

秋之枫华
2019-12-01

我是个菜鸟，但是我觉得代码没问题，挺好的！

如果真要提意见，简易给隐藏功能的函数命名为hidden( )，给显示功能的函数命名为show( )，因为如果是在工作中，函数可能有数十数百个，用相应的英文单词命名，会方便自己和其他开发人员识别，你觉得呢？

1 回复有任何疑惑可以回复我~

收起回答

qq_慕工程3013457
2019-11-23

没问题，如果采用css样式就没意义了，本章节本来就是练习的DOM，

0 回复有任何疑惑可以回复我~

收起回答

coolman0o0
2019-07-02

style 的部分可以使用 css 簡化～

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>style样式</title>
<style>

#con {
color:red;
background-color:#CCC;
}

</style>
</head>
<body>

<h2 id="con">I love JavaScript</H2>
<p> JavaScript使网页显示动态效果并实现与用户交互功能。</p>

<script type="text/javascript">

var marry = document.getElementById("con");

function myapp(){
marry.style.display = "none";
}

function myapp1(){
marry.style.display = "block";
}

</script>

<input type="button" value="隐藏" onclick="myapp()"/>
<input type="button" value="显示" onclick="myapp1()"/>

</body>
</html>