怎么检测元素是否已经加载完成再调用该函数？

在JavaScript中，确保元素已经加载完成后再调用`getElementById`或其他DOM操作函数，可以使用以下几种方法：

1. **`DOMContentLoaded` 事件**: 可以监听 `DOMContentLoaded` 事件，当页面内容完全加载并且解析完成后，这个事件就会触发。在事件处理程序中你可以安全地执行获取元素的操作，示例如下：

   window.addEventListener('DOMContentLoaded', function() {
     var element = document.getElementById('yourId');
     // 元素现在应该存在
   });

2. **`.ready()` 或 `.load()` jQuery 方法**: 如果你使用的是jQuery，`$(document).ready()` 或 `$(window).load()` 可以等待DOM加载完成或整个页面加载完成之后再执行回调：

   $(document).ready(function(){
     var element = $('#yourId');
   });
   // 或者
   $(window).load(function(){
     var element = $('#yourId');
   });

3. **`setTimeout` 或 `MutationObserver`**: 你可以设置一个延迟时间，在这个时间内多次检查元素是否存在，直到找到为止。或者使用`MutationObserver`来监控DOM的变化，一旦元素插入，立即执行操作。但这通常不是最佳实践，因为会增加额外的复杂性和资源消耗。

确保元素存在后再操作可以避免因提前查找导致的 `null` 异常。