请补全JavaScript代码，实现一个盒子的关闭按钮功能。 要求： 1. 使类为"btn"的div元素中心点定位在类为"box"的div元素右上顶点 2. 使类为"btn"的div元素中内容"X"垂直水平居中 3. 点击"X"按钮可以使类为"box"的div元素隐藏
加载中...
<!DOCTYPE html> <html> <head> <meta charset=utf-8> <style type="text/css"> .box { width: 100px; height: 100px; border: solid 1px black; /*补全代码*/ } .btn{ width: 20px; height: 20px; background-color: red; /*补全代码*/ } </style> </head> <body> <div class='box'> <div class='btn'>X</div> </div> <script type="text/javascript"> var btn = document.querySelector('.btn'); var box = document.querySelector('.box'); btn.onclick = function(){ // 补全代码 } </script> </body> </html>