如何顯示隱藏dom元素

控制dom元素隱藏和顯示的幾種做法
1.style屬性的display 被隱藏的控件不再佔用顯示時佔用的位置（常用）
this.getElementByXid(‘domXid’).style.display=”none”;
this.getElementByXid(‘domXid’).style.display=”block”;

2.通過jquery 進行控制顯示隱藏（常用）
(this.getElementByXid(‘domXid′)).hide();//隱藏$(this.getElementByXid(‘domXi{d}^{\prime })).hide();//隱藏$ (this.getElementByXid(‘domXid’)).show(); // 顯示

3.“visibility”隱藏的控件僅僅是將控件設置成不可見了，控件仍然佔俱原來的位置。（常用）
this.getElementByXid(‘domXid’).style.visibility=”hidden”;
this.getElementByXid(‘domXid’).style.visibility=”visible””;

4.通過bind-visible 綁定KO對象或data組件字段控制隱藏，隱藏後dom節點實際還在
http://doc.wex5.com/data-bind-visible/

5.通過bind-if 綁定KO對象或data組件字段控制隱藏，隱藏後dom節點已經不存在了，用法和bind-visible是一樣的！

不過注意的是：bind-if 控制的是當前dom節點下的子節點的存在與否（不包含當前節點），而bind-visible 是控制當前節點下的所有元素的隱藏的（包含當前節點）