javascript - 使用 insert() 原型函数插入 div

Question

我对原型的插入功能有疑问。我在 HTML 中有一个带有“主”ID 的 div。在我的脚本中，我使用原型在“主”div 中插入一个新的 div（“容器”）。但现在我想在“容器”div 中插入另一个 div，但我不能。代码是这样的：

    var container;
    var wordsDiv;

    function build(){
       container = new Element('div');
       wordsDiv = new Element('div');

       $('main').insert(container);
       container.insert(wordsDiv);
    }

谢谢你的帮助！

Answer 1

尝试这个：

var container;
var wordsDiv;

function build(){
   container = new Element('div');
   wordsDiv = new Element('div');

   $('main').insert(container);
   $(container).insert(wordsDiv);
}

Answer 2

你的insert()s 有问题

var container;
var wordsDiv;

function build(){
   container = new Element('div');
   wordsDiv = new Element('div');

   container.insert(wordsDiv);
   $('main').insert(container);
}

我之前遇到过您描述的问题，如果您在将元素插入 DOM 之前没有完全构建元素，除非您通过 id 或类引用它，否则您将无法对元素进行任何操作。

我不确定它发生在哪些浏览器上，但根据经验，我会尝试构建我的元素，并在插入 DOM 之前根据需要向元素添加观察者。