CSS content-visibility: hidden属性是否会修改DOM结构？

结论 #

不会，content-visibility 属于CSS渲染控制属性，完全不会修改DOM树的任何内容。

具体说明 #

• content-visibility: hidden 仅作用于浏览器的渲染流程：浏览器会跳过对应元素及其所有子元素的布局、绘制计算，元素内容不可见、也不会响应鼠标/键盘等交互事件，但这一过程完全不涉及DOM层面的变更
• 被设置了该属性的元素及其子节点仍然完整存在于DOM树中，你可以正常使用所有DOM API（比如querySelector、appendChild、textContent读写等）对这些节点进行操作，行为和未设置该属性时完全一致
• 哪怕你后续修改、移除content-visibility属性，也不会对DOM结构产生任何影响，只会触发浏览器重新渲染对应元素

内容的提问来源于stack exchange，提问作者AlexElin