javascript - 在 PrototypeJS 中将多个元素插入到另一个元素中？

Question

在PrototypeJS中，是否有更有效的方法将多个Element对象插入到一个元素中？这是我现在的代码:

var calendar_elem = new Element('div', {
    'id': 'my_calendar'
}).insert({
    bottom: title_elem   // assume these are all Element objects
}).insert({
    bottom: days_of_week_elem
}).insert({
    bottom: month_calendar_elem
}).insert({
    bottom: footer_elem
});

bottom 索引可以包含一个数组，还是必须只包含一个 HTML 元素/字符串？获取要插入的每个元素的HTML，将它们连接起来，然后将其传递到bottom会更有效吗？谢谢!

Answer 1

Dom 操作非常昂贵，因为它们会在每次更改后导致页面重新绘制/重排。最好将 HTML 构建为字符串(或在内存中)，然后将它们一次性插入到 DOM 中。