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

Question

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

Answer 1

您需要将动态创建的 div 插入 DOM。如果不这样做，您将无法使用document.getElementById. 您可以div通过调用类似appendChildor的函数将动态创建的元素插入到元素insertBefore中，此处描述为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/

Answer 2

您可以通过在创建 div 元素后调用滚动函数来执行此操作。确保在 createElement 之后调用该函数