本文实例为大家分享了JS实现关闭小广告特效的具体代码,供大家参考,具体内容如下
<强>知识点
1,获取元素
2,通过元素获取父元素
3,删除节点
4、设置元素隐藏
<>强运行效果
直接删除
隐藏
& lt; !DOCTYPE html>
& lt; html lang=癳n”比;
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title> Title
& lt; style>
#箱{
身高:200 px;
宽度:200 px;
位置:相对;
显示:inline-block;
}
{# box> #图标
高度:100%;
宽度:100%;
}
div> img: nth-child (2) {
高度:30 px;
宽度:30 px;
位置:绝对的;
上图:0;
右:0;
光标:指针;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; div id=昂凶印北?
& lt; img id="偶像" src=" https://www.yisu.com/zixun/images/阿鲁20. gif”比;
& lt; img id="关闭" src=" https://www.yisu.com/zixun/images/删除. png”比;
& lt;/div>
& lt; script>
窗口。onload=function (ev) {//1。获取关闭标签
var=document.querySelector关闭(“#关闭”);//2。接听点击
关闭。onclick=函数(ev1) {//直接删除//this.parentElement.remove ();//this.parentNode.remove ();//隐藏
this.parentElement.style。显示='没有';//this.parentElement.setAttribute(“风格”,“显示:没有”);
}
}
& lt;/script>
& lt;/body>
& lt;/html>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
