题解 | #点击按钮隐藏元素#

点击按钮隐藏元素

http://www.nowcoder.com/practice/9b0016737b3040aaa61316890f1ac3f8

<!DOCTYPE html>
<html>
    <head>
        <meta charset=utf-8>
    </head>
    <body>
        <div class='box'>
            <div class='btn'>X</div>
        </div>
    </body>
</html>
.box {
  width: 100px;
  height: 100px;
  border: solid 1px black;
  position: relative;
}
.btn{
  width: 20px;
  height: 20px;
  background-color: red;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  line-height: 20px;
}
var btn = document.querySelector('.btn');
var box = document.querySelector('.box');
btn.onclick = function(){
	// 补全代码
	box.style.display = "none"
}
全部评论

相关推荐

05-30 12:03
山西大学 C++
offer来了我跪着...:不是骗子,等到测评那一步就知道为啥这么高工资了
点赞 评论 收藏
分享
不愿透露姓名的神秘牛友
07-11 11:29
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务