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

时间:2013-01-04 08:38:21

标签: javascript prototypejs

我的原型插入功能有问题。我有一个带有'main'id的HTML格式的div。在我的脚本中,我使用prototype在'main'div中插入一个新的div('container')。但现在我想在'容器'div中插入另一个div,但我不能。代码是这样的:

    var container;
    var wordsDiv;

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

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

感谢您的帮助!

2 个答案:

答案 0 :(得分:0)

试试这个:

var container;
var wordsDiv;

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

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

答案 1 :(得分:0)

您的insert()无序

var container;
var wordsDiv;

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

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

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

我不确定它发生了什么样的浏览器,但作为经验法则,我尝试构建我的元素,并在插入DOM之前为需要的元素添加观察者。