我想对类box
的每个元素执行操作,但我不想等待文档加载。
我宁愿设置一个能够动态捕捉这个类的所有新元素的监听器。
<script src="js.js"></script>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
如果不在$.ready
内使用js.js
,我该怎么办?
我认为在jQuery中它会是这样的:
$(document).on("load", '.box', myfunc);
但如何在普通的JS中实现呢?
答案 0 :(得分:-2)
最简单且特定的方式是使用原生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>