前端

DOM显/隐

微信扫一扫,分享到朋友圈

DOM显/隐
收藏 0 0

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

展开阅读全文
干一件事情,用心干就完了

你也可能喜欢

发表评论

您的电子邮件地址不会被公开。 必填项已用 * 标注

提示:点击验证后方可评论!

插入图片

分类目录

微信扫一扫

微信扫一扫