在页面上设置“存在但看不到”的页面元素
在实际开发中,有时候需要页面上有 “存在但看不到”的页面元素的需求,比如在页面导出功能中,我们导航栏点击不同按钮展示不同的内容,但是导出功能需要我们把所有按钮的页面都导出,这个时候就需要“存在但看不到”的页面元素了,虽然看不到,但是实际存在,在导出功能中就可以操作这个dom进行导出。代码也很简单,一行CSS搞定。
<!-- 父级设置宽高为0,内容超出隐藏,即可实现“存在但是看不到” --> <div style="width:0; height:0; overflow: hidden;"> <div>被隐藏的页面内容写在这里</div> </div>