Firefox拡張XULにおけるboxに関するいくつかの動作

主にboxの2つの一般的な形式を使用しました:vbox(要素垂直配置)、hbox(要素水平配置)
スクロールバー
設定

style="overflow:scroll;"

プロパティ、boxにスクロールバーを追加できます
実はstyleをセットできるだけで、cssとは関係ないということで、レイアウトとかは彼次第です
サブエレメント配列
boxにはalignのプロパティがあり、デフォルトはstretchで、サブ要素が縦に拡張されることを示します.
boxにピクチャラベルを追加すると、このピクチャが小さい場合、ピクチャはねじれ変形します.
startに設定できます(水平boxの場合は先端が揃えられます.垂直boxの場合は左が揃えられます)
以下の値に設定することもできます.

center     
end            box，       。      box，      。
baseline      ，       box 。
stretch      

サブエレメントの削除
特定のサブエレメントを削除

box.removeChild(child_element)

すべての要素を削除します(一般的に初期化時に使用できます)

while (box.firstChild){
 box.removeChild(box.firstChild);
}

サブエレメントの追加

box.appendChild(child_element)

たとえば、画像を追加します.

var image = document.createElement("image"); //  document       
var image_src = "https://developer.mozilla.org/skins/mozilla/Fox3/img/mdc-logo.png";
image.setAttribute("src",image_src);
box.appendChild(image);

ある場所にエレメントを挿入するとjQueryと連携して操作できます

$(child1_element).insertAfter($(child2_element))