JS中给绑定的点击事件添加显示样式后不生效?

简介: JS中给绑定的点击事件添加显示样式后不生效?

给一个添加了弹性布局并设置了默认显示方式为none的div绑定了点击事件,让它触发点击事件时,显示方式会变为block。但点击该div时,并没有完全显示

width: 310px;
  height: 50px;
  background-color: black;
  border-radius: 50px;
  margin-left: 5%;
  position: fixed;
  justify-content: space-between;
  bottom: 0;
  display: flex;
  display: none;

解决方法:

在JS中将该元素的style设置为flex及block

document.getElementById("money-list").style.display = "block" && "flex";

相关文章
|
6月前
|
JavaScript 前端开发
【快捷键配置】常用HTML类名、CSS样式名称、JS方法变量名、vue代码片段
【快捷键配置】常用HTML类名、CSS样式名称、JS方法变量名、vue代码片段
|
6月前
|
设计模式 JavaScript 前端开发
深入理解 JavaScript 中的绑定机制(下)
深入理解 JavaScript 中的绑定机制(下)
|
6月前
|
JavaScript 前端开发
深入理解 JavaScript 中的绑定机制(上)
深入理解 JavaScript 中的绑定机制(上)
|
3月前
|
JavaScript 前端开发
JavaScript 事件的绑定
JavaScript 事件的绑定
39 0
|
1月前
|
移动开发 前端开发 JavaScript
JavaScript 中的样式切换方法
JavaScript 中的样式切换方法
12 0
|
3月前
|
移动开发 前端开发 JavaScript
JavaScript 中的样式切换方法
JavaScript 中的样式切换方法
25 0
|
3月前
|
JavaScript 前端开发
使用 JavaScript 的 classList 方法轻松切换样式
使用 JavaScript 的 classList 方法轻松切换样式
34 0
|
3月前
|
JavaScript 前端开发
关于js的this上下文环境绑定
关于js的this上下文环境绑定
|
4月前
|
前端开发 JavaScript
文本,wangEditor5展示HTML无样式,wangEditor5如何看源码,Ctrl + U看CSS文件,代码高亮,Prism.js可以实现,解决方法,参考网页源代码的写法
文本,wangEditor5展示HTML无样式,wangEditor5如何看源码,Ctrl + U看CSS文件,代码高亮,Prism.js可以实现,解决方法,参考网页源代码的写法
|
5月前
|
XML JavaScript 前端开发
如何在JavaScript中设置多个样式属性?
【6月更文挑战第29天】如何在JavaScript中设置多个样式属性?
450 3