如何显示隐藏dom元素

控制dom元素隐藏和显示的几种做法
1.style属性的display 被隐藏的控件不再占用显示时占用的位置**（常用）**
this.getElementById(‘domXid’).style.display=”none”;
this.getElementById(‘domXid’).style.display=”block”;

2.通过jquery 进行控制显示隐藏**（常用）**
$(this.getElementById(‘domXid’)).hide(); // 隐藏
$(this.getElementById(‘domXid’)).show(); // 显示

3.“visibility”隐藏的控件仅仅是将控件设置成不可见了，控件仍然占俱原来的位置。（常用）
this.getElementById(‘domXid’).style.visibility=”hidden”;
this.getElementById(‘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 是控制当前节点下的所有元素的隐藏的（包含当前节点）