如何在不破坏后代的事件侦听器的情况下附加到 innerHTML？

2022-12-12 18:48:32

是的，可以在不破坏后代事件侦听器的情况下附加到 innerHTML。让我们看一个例子。首先，我们将使用 J**aScript 创建两个函数。这是 demoFunc（） − function demoFunc() { alert("Hello"); } 上面的函数demoFunc（）将显示一个警告框和一条消息。这样，start（）函数会...

是的，可以在不破坏后代事件侦听器的情况下附加到 innerHTML。让我们看一个例子。首先，我们将使用 J**aScript 创建两个函数。这是 demoFunc（） −

function demoFunc() {
   alert("Hello");
}

上面的函数demoFunc（）将显示一个警告框和一条消息。这样，start（）函数会在您加载网页时加载，并在 div 中显示“二”和“一”。这是 start（）函数。我们使用 innerHTML 属性将 div 中的文本 “One” 与文本 “Two” 追加 -

function start() {
   mydiv.innerHTML += "Two";
}

以下是我们的 HTML 代码，当网页加载时使用 −

<body onload="start()">

div id 是 mydiv，样式为橙色背景 -

<div id="mydiv" style="background:orange;">

在 <div> 中，<span> 使用 onlick 调用 demoFunc（） −

例

现在让我们看看附加到 innerHTML 的完整示例 -

<!DOCTYPE html> <html> <head> <title>Example</title> </head> <body onload="start()"> <div id="mydiv" style="background:orange;"> <span id="myspan" onclick="demoFunc()">One</span> </div> </body> <script> function start() { mydiv.innerHTML += "Two"; } function demoFunc() { alert("Hello"); } </script> </html>

输出

单击“一”时，警报框显示 -

#破坏 #后代 #事件 #情况 #innerhtml

如何在不破坏后代的事件侦听器的情况下附加到 innerHTML？

例

输出

评论0