从不同的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文件id="tipkovnicaModalSlika"中获取img inClocking.js。我试过这个，但它不起作用：

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

如何从一个javascript文件访问getElementById()到另一个？

Answer 1

这应该有效，因为在浏览器中运行的JavaScript不关心其他脚本所在的文件，因为它们在上下文（通常是浏览器的window）上执行。重要的是评估它们的顺序。

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

如果您不确定动态元素何时可用，我建议您查看事件委派，您可以在其中添加处理程序到您知道准备通过冒泡监听其子项上的事件的父元素。如果您使用的是jQuery，这非常简单。

在此处的文档中提及：http://api.jquery.com/on/