javascript - 如何访问由 javascript document.createElement 函数创建的元素

Question

我正在使用java-script document.createElement函数在运行时创建一个div。现在我需要在滚动动态创建的div时执行另一个函数.并且还需要捕获div的key-down事件。谁能告诉我如何才能实现这一目标。

Answer 1

您需要将动态创建的 div 插入到 DOM 中。如果不这样做，您将无法使用 document.getElementById 检索它。您可以通过调用诸如 appendChild 或 insertBefore 之类的函数将动态创建的 div 插入到元素中，如此处所述 http://www.w3schools.com/jsref/dom_obj_all.asp

找到将 div 插入 DOM 的合适位置后，您应该能够通过调用 document.getElementById("myDivId"); 从任何地方检索它。如果您还没有这样做，您还需要在创建后为创建的 div 指定一个 id。整个事情看起来像这样:

var myDiv = document.createElement("div");
myDiv.id = "myDivID"; //Give it some ID
var divsParent = document.getElementById("dynamicDivsParentElementID"); //get the element where you want to insert the div into
divsParent.appendChild(myDiv);
var retrievedDynamicDiv = document.getElementById('myDivID');

查看 jsFiddle 上的工作情况:http://jsfiddle.net/qnPUF/