Firefox拡張XULにおけるboxに関するいくつかの動作
主にboxの2つの一般的な形式を使用しました:vbox(要素垂直配置)、hbox(要素水平配置)
スクロールバー
設定
プロパティ、boxにスクロールバーを追加できます
実はstyleをセットできるだけで、cssとは関係ないということで、レイアウトとかは彼次第です
サブエレメント配列
boxにはalignのプロパティがあり、デフォルトはstretchで、サブ要素が縦に拡張されることを示します.
boxにピクチャラベルを追加すると、このピクチャが小さい場合、ピクチャはねじれ変形します.
startに設定できます(水平boxの場合は先端が揃えられます.垂直boxの場合は左が揃えられます)
以下の値に設定することもできます.
サブエレメントの削除
特定のサブエレメントを削除
すべての要素を削除します(一般的に初期化時に使用できます)
サブエレメントの追加
たとえば、画像を追加します.
ある場所にエレメントを挿入するとjQueryと連携して操作できます
スクロールバー
設定
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))