您的位置:首页 - 文章 - 前端 - 正文

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

本文原创,作者:西决,其版权均为品创网络所有。如需转载,请注明出处:https://www.sxpcwlkj.com/032/

发表评论