javascript - 从不同的 javascript 文件访问 ElementById

Question

在 javascript 文件 inClockingModels.js 中，我有这个函数:

Modal.prototype.SetText = function(text, tipkovnicaModal) {
    this.textElement.innerHTML = text + '<img id="tipkovnicaModalSlika" src = "' + tipkovnicaModal + '" alt ="Modalna tipkovnica" height="100" width="100" />';
}

我想在其他 javascript 文件 inClocking.js 中获取 img id="tipkovnicaModalSlika"。我尝试过这个，但它不起作用:

document.getElementById('tipkovnicaModalSlika').addEventListener('click', ShowKeyboardMain);

如何从一个 JavaScript 文件访问另一个 JavaScript 文件的 getElementById()？

Answer 1

这应该可以工作，因为在浏览器中运行的 JavaScript 不关心其他脚本所在的文件，因为它们在上下文(通常是浏览器的窗口)上执行。重要的是它们的评估顺序。

在尝试添加事件处理程序之前，您可能需要等待窗口加载。或者您可能必须等到动态元素创建完毕。

如果您不确定动态元素何时可用，我建议您研究一下事件委托(delegate)，您可以将处理程序添加到您知道已准备好通过冒泡监听其子元素上的事件的父元素。如果您使用 jQuery，这非常简单。

这里的文档中提到了它:http://api.jquery.com/on/