首页 > 试题广场 >

下列说法错误的是()

[单选题]

下列说法错误的是()

设置display:none后的元素只会导致浏览器的重排而不会重绘

设置visibility:hidde后的元素只会导致浏览器重绘而不会重排

设置元素opacity:0之后，也可以触发点击事件

visibility:hidden的元素无法触发其点击事件

查看正确选项

门头沟传达室值班员

设置display:none后的元素会导致浏览器的重排重绘

发表于 2019-07-15 20:50:39 回复(0)

艾利略

重排一定重绘，重绘不一定重拍

发表于 2020-02-21 09:47:37 回复(2)

每天都要努力呀！

display：none指的是元素完全不陈列出来，不占据空间，涉及到了DOM结构，故产生reflow与repaint

visibility：hidden指的是元素不可见但存在，保留空间，不影响结构，故只产生repaint，但不可触发绑定事件

opacity=0：指的是元素不可见但存在，保留空间，不影响结构，并且，如果该元素已经绑定一些事件，如click事件，那么点击该区域，也能触发点击事件的

发表于 2019-09-20 09:42:10 回复(4)

矜持的微笑

发表于 2022-03-10 20:34:57 回复(0)

coder-coco

（一）------引起回流（重排）的原因:操作DOM节点、浏览器大小
触发回流的条件：任何页面布局和几何属性的改变都会触发回流
比如：
1.页面渲染初始化：(无法避免)
2.添加或删除可见的DOM元素；
3.元素位置的改变，或者使用动画；
4.元素尺寸的改变–大小，外边距，边框；
5.浏览器窗口尺寸的变化(resize事件发生时)；
6.填充内容的改变，比如文本的改变或图片大小改变而引起的计算值宽度和高度的改变；
7.读取某些元素属性：(offsetLeft/Top/Height/Width, clientTop/Left/Width/Height,
scrollTop/Left/Width/Height, width/height, getComputedStyle(), currentStyle(IE))

其他的操作：都是重绘。

小结

回流一定会引起重绘，重绘不一定是回流产生的后续反应。因为只要不是改变物理的位置、尺寸、显示，就不会引起回流。

2-----dispaly：none和visibility：hidden的区别:

disaply:none隐藏后不占据空间（在渲染树中不存在节点）， {渲染树：-html+css在渲染在浏览器后}------重绘（重绘例子：知道的只有这个）

visibility:hidden隐藏后占据空间（在渲染树中存在节点），-----------------操作Dom节点变化（重排、回流）

发表于 2022-07-28 15:24:02 回复(0)

草莓0227

display：none指的是元素完全不陈列出来，不占据空间，涉及到了DOM结构，故产生reflow与repaint

visibility：hidden指的是元素不可见但存在，保留空间，不影响结构，故只产生repaint，但不可触发绑定事件

opacity=0：指的是元素不可见但存在，保留空间，不影响结构，并且，如果该元素已经绑定一些事件，如click事件，那么点击该区域，也能触发点击事件的

发表于 2022-03-10 20:16:00 回复(0)

非衣666

display:none;会引起页面的回流也就是所说的重排

反之visibility:hidden;会引起页面的重绘

发表于 2021-09-11 10:37:25 回复(0)

在敲键盘的糖糖很靠谱

重排一定会重绘，重绘不一定重排。布局变化发生重排，样式变化发生重绘

发表于 2022-12-12 11:00:33 回复(0)

xiao201910240535550

这题我是重绘和重排是啥都不知道，现在终于明白了

发表于 2020-10-26 17:24:25 回复(0)

捂耳听枫

(三种可以让页面属性消失的属性) display：none 隐藏，不占空间 visibility：hidden 隐藏保留空间 opacity：0 隐藏保留空间

发表于 2022-09-11 08:12:13 回复(0)

迷途小学生

回流一定会引起重绘，但是重绘不一定会引起回流。

发表于 2021-08-01 10:04:09 回复(0)

小傻妞（雪）

重排一定会重绘，重绘不一定会重排

发表于 2021-01-07 17:08:23 回复(0)

7Qi_momo

重排一定重绘，重绘不一定重排

发表于 2020-10-26 09:19:47 回复(0)

xuerbaby

opacity模糊的意思visibility不可见display修改dom结构

发表于 2020-08-01 09:44:49 回复(0)

提交观点

问题信息

前端工程师 2019 用友 HTML

上传者：小小

难度：

14条回答 1049收藏 4086浏览

下列说法错误的是()

小结

问题信息

热门推荐

相关试题