gpt4 book ai didi

javascript - 为新元素创建监听器

转载 作者:行者123 更新时间:2023-12-01 01:54:41 26 4
gpt4 key购买 nike

我想对 box 类的每个元素执行操作,但我不想等待文档加载。

我宁愿设置一个监听器来动态捕获此类的所有新元素。

<script src="js.js"></script>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>

如何在 js.js 中不使用 $.ready 来做到这一点?

我认为在 jQuery 中它会是这样的:

$(document).on("load", '.box', myfunc);

但是如何用普通的 JS 来实现呢?

最佳答案

最简单且确定的方法是使用 native load 事件。

<html>
<head>
<title>Simplest version with native</title>
<script>
window.addEventListener('load', function(){
alert('Do what ever you want!');
var boxes = document.querySelectorAll('.box');
// Do what you want with boxes
}, false);
</script>

</head>
<body>
<div id='box1'></div>
</body>
</html>

关于javascript - 为新元素创建监听器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39940783/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com