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

是的,可以在不破坏后代事件侦听器的情况下附加到 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() −

<body onload="start()"> <div id="mydiv" style="background:orange;"> <span id="myspan" onclick="demoFunc()">One</span> </div> </body>

现在让我们看看附加到 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

评论0

首页 导航 会员 客服