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";

相关文章
|
2月前
|
设计模式 JavaScript 前端开发
深入理解 JavaScript 中的绑定机制(下)
深入理解 JavaScript 中的绑定机制(下)
|
2月前
|
JavaScript 前端开发
深入理解 JavaScript 中的绑定机制(上)
深入理解 JavaScript 中的绑定机制(上)
|
4月前
|
前端开发 JavaScript
纯样式或使用JS的canvas实现图片旋转
纯样式或使用JS的canvas实现图片旋转
31 0
|
6月前
|
JavaScript 小程序
小程序JS动态修改样式vv
小程序JS动态修改样式
161 0
|
6月前
|
JavaScript 前端开发
JavaScript jQuery修改样式
JavaScript jQuery修改样式
|
5月前
|
JavaScript
原生JS修改html内容不影响绑定的点击事件 请认准insertAdjacentHTML、insertAdjacentText方法
原生JS修改html内容不影响绑定的点击事件 请认准insertAdjacentHTML、insertAdjacentText方法
原生JS修改html内容不影响绑定的点击事件 请认准insertAdjacentHTML、insertAdjacentText方法
|
2月前
|
前端开发 开发者
编程笔记 html5&css&js 017 HTML样式
编程笔记 html5&css&js 017 HTML样式
|
4月前
|
前端开发 JavaScript
分享几个精美的网页按钮样式,纯CSS实现,无JS(拿来即用)
分享几个精美的网页按钮样式,纯CSS实现,无JS(拿来即用)
37 0
|
5月前
|
JavaScript 前端开发
JS单选框默认选中样式修改,为白色背景中心有黑色小圆点的样式
JS单选框默认选中样式修改,为白色背景中心有黑色小圆点的样式
19 0
|
5月前
|
JavaScript
原生js实现for循环占位符绑定数据,类似模拟vue循环渲染数据
原生js实现for循环占位符绑定数据,类似模拟vue循环渲染数据