element.parentNode案例：关闭模态框
Posted ustc-yy
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了element.parentNode案例：关闭模态框相关的知识，希望对你有一定的参考价值。
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style> 7 div { 8 width: 400px; 9 height: 400px; 10 border: 1px solid black; 11 background-color: pink; 12 position: relative; /*子绝父相*/ 13 } 14 15 #x { 16 width: 20px; 17 height: 20px; 18 position: absolute; 19 right: 5px; 20 top: 5px; 21 background-color: deeppink; 22 font-size: 18px; 23 line-height: 20px; 24 text-align: center; 25 cursor: pointer; 26 } 27 </style> 28 </head> 29 <body> 30 <div> 31 <span id="x">x</span> 32 </div> 33 <script> 34 let x = document.getElementById(‘x‘); 35 x.onclick = function () { 36 this.parentNode.style.display = ‘none‘; 37 } 38 </script> 39 </body> 40 </html>
以上是关于element.parentNode案例：关闭模态框的主要内容，如果未能解决你的问题，请参考以下文章
element.parentNode.removeChild() 方法在 Internet Explorer 中不起作用