页面上不展示，元素仍然可以访问和修改

以下几种方式可以让元素在页面上不展示，元素仍然可以通过JavaScript访问和修改：

1. visibility:hidden：元素隐藏后仍然占据页面空间，但其内容不可见，且不会触发页面的布局和渲染。

2. opacity:0：元素透明度设置为0，但仍占据页面空间，其内容不可见。

3. height:0或width:0：元素的高度或宽度设置为0，使其在页面上不可见。

4. position:absolute或position:fixed：元素使用绝对定位或固定定位时，如果其位置设置为top:-9999px、bottom:-9999px、left:-9999px或right:-9999px等负值，元素会消失但不占据页面空间。这种情况下，元素的内容仍然可见，但无法通过常规的DOM操作进行访问和修改。要访问这些元素的内容，需要使用JavaScript或其他方法。

5. 当元素的display属性设置为none时，该元素会消失，不会显示在页面上。但是，即使元 素不可见，它仍然存在于DOM（文档对象模型）中。这意味着你仍然可以通过JavaScript或其他方法访问和修改这些隐藏元素的值。