先说说限制吧。可以把css、html、js元素当成一个100*100的红色矩形，其中包含一个50*50的黑色矩形，只要在页面上看不到即可。即使隐藏测试地址：https://www.lilnong.top/static/html/hidden-dom.html实现隐藏页面元素移到屏幕外，眼不见心不烦marginleft+positiontransform:translate使用特性displayvisibilityopacityoverflow:hidden+0宽高transform:scalehidden属性移出DOM树，年轻人不谈武功removeChild实现code.demo1{margin:-9999px9999px9999px-9999px;}.demo2{显示：无；}.demo3{可见性：隐藏；}.demo4{不透明度：0；}.demo5{宽度：0；高度：0；边框：无；轮廓：无；溢出：隐藏；}.demo6{左：-9999px；顶部：-9999px；位置：绝对；}.demo7{左侧：-9999px；顶部：-9999px；位置：相对；}.demo8{左侧：-9999px；顶部：-9999px；位置：固定；}。demo9{transform:translate(-9999px,-9999px);}.demo10{transform:scale(0,0)}作业交给你了，反正这次不写了（不知道下次是什么时候）。如何隐藏页面元素？（扩展题）可以用css、html、js（扩展）vue、react、angular方法，或者元素可以是100*100的红色矩形，里面包含一个50*50的黑色矩形，只要看不见就行在页面上，它会被隐藏（Extended）占用一个位置吗？如果位置被占用，事件是否可以监听？例如点击。如果事件可以监听，怎么让他监听事件。如果不能监听事件，怎么让他监听事件呢？如果不可能，请解释为什么（扩展）存在于DOM树中？例如，它可以通过儿童获得吗？比如可以通过querySelector获取吗？可以在开发者工具中看到吗？（扩展）是否触发回流（Layout）和重绘（Painting）？
