javascript - 在 div 加载到 dom 后，在 div 上附加一个按钮

Question

我正在尝试访问要在其上附加按钮的 div (或此处为 tr 标签)。但我无法访问 tr 标签，因为它会在一段时间后加载，并且当时不存在于 DOM 中并出现错误。

在 DOM 上加载内容后如何访问标签

<script>
    var btn = document.getElementById('btnn');
    var tab = document.getElementsByClassName("scope")[0];
    tab.append(btn)
</script>

Answer 1

我认为您的 document.getElementById 代码应该仅在加载所有内容后执行。您可以添加一个“加载”事件监听器并将代码放入其中。

window.addEventListener("load", function(){
    var btn = document.getElementById('btnn');
    var tab = document.getElementsByClassName("scope")[0];
    tab.append(btn)
}); 

顺便说一句:我总是对我的包含使用“defer”，如下所示:

<script src="{{ asset('/general/js/local.js') }}" defer></script>

这确保只有在加载所有包含内容后才会触发“加载”事件。