javascript - 如何获取元素的父元素？

我试图在 PHP 中创建一个类似于 JavaScript 的 alert() 命令的函数，但是当我单击一个警报上的“确定”按钮时，所有警报都消失了!

这是我的代码:

<!DOCTYPE html>
<?php
    function alert($title, $text) {
        $html = '<div id="alert" style="background-color:lightGray; text-align:center; height:500px; width:500px; color:black; position:fixed; top: 50%; left:50%; margin-left:-250px; margin-top:-250px;">';
        $html = $html . '<h1 style="background-color:red; border-radius: 15px;">'. $title . '</h1>' . $text;
        $html = $html . '<br><br><button type="button" style="border-radius:25px; height:50px; width:100px; background-color:white; border:none;" onclick="document.getElementById(\"alert\").style.display=none">OK</button>';
        echo $html;
    }
    alert('Testing', 'Testing <em>testing</em><b>123</b>');
    alert('Testg', 'Tesng <em>tting</em><b>23</b>');
    alert('Tsting', 'ing <em>tng</em><b>123</b>');
    alert('Testg', 'Teng <em>tesng</em><b>123</b>');
    alert('Teing', 'Teing <em>teng</em><b>123</b>');
?>

我尝试使用 this，但这只会让按钮消失!我需要找到父元素。我该怎么做？

最佳答案

将纯 javascript 与 parentNode 结合使用: