如何显示/隐藏一个DOM元素？有几种方法？每种方法的区别？

1.style属性的display 被隐藏的控件不再占用显示时占用的位置：
this.getElementByXid(‘domXid’).style.display=”none”
this.getElementByXid(‘domXid’).style.display=”block”

2.visibility隐藏的控件仅仅是将控件设置成不可见了，控件仍然占俱原来的位置：
this.getElementByXid(‘domXid’).style.visibility=”hidden”
this.getElementByXid(‘domXid’).style.visibility=”visible”

3.通过jquery 进行控制显示隐藏：
$(this.getElementByXid(‘domXid’)).hide()
$(this.getElementByXid(‘domXid’)).show()

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 是控制当前节点下的所有元素的隐藏的（包含当前节点）

最后

以上就是健康手链为你收集整理的如何显示/隐藏一个DOM元素？有几种方法？每种方法的区别？的全部内容，希望文章能够帮你解决如何显示/隐藏一个DOM元素？有几种方法？每种方法的区别？所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。