老师帮忙看下代码

来源:5-6 编程练习

贾海洋

2020-07-03 17:23:27

<html>

<head>

<meta charset="UTF-8" />

<title>方法的调用</title>

<style type="text/css">

    #box{position: relative; width: 100px; height: 100px; 

         background-color: red; margin: 10px auto;}

    #close{position: absolute; right: 0px; top: -4px; color: yellow;  cursor: pointer;}

    #btn{display: block; width: 100px; margin: 0 auto;}

</style>

</head>

<body>

    <div id="box">

        <span id="close">X</span>

    </div>

    <button id="btn">关闭</button>

<script type="text/javascript">

    // 在此处补充代码   

    var btn=document.querySelector("#btn");

    var close=document.querySelector("#close");

    var box=document.querySelector("#box");

    btn.onclick=function(){

        box.style.display="none";

    }

    close.onclick=function(){

       btn.onclick();

    }

</script>

</body>

</html>


写回答

1回答

好帮手慕夭夭

2020-07-03

同学你好,代码实现正确。继续加油,祝学习愉快~

0

0 学习 · 14456 问题

查看课程