知识点
获取元素通过元素获取父元素删除节点设置元素隐藏运行效果
直接删除
隐藏
代码
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style>#box{height: 200px;width: 200px;position: relative;display: inline-block;}#box>#icon{height: 100%;width: 100%;}div>img:nth-child(2){height: 30px;width: 30px;position: absolute;top: 0;right: 0;cursor: pointer;}</style></head><body><div id="box"><img id="icon" src="images/阿鲁20.gif" alt=""><img id="close" src="images/删除.png" alt=""></div><script>window.onload = function (ev) {// 1. 获取关闭标签var close = document.querySelector('#close');// 2. 接听点击close.onclick = function (ev1) {// 直接删除// this.parentElement.remove();// this.parentNode.remove();//隐藏this.parentElement.style.display = 'none';// this.parentElement.setAttribute('style','display:none');}}</script></body></html>
