JS点击按钮添加元素后，元素一闪而过（闪一下后消失）

最新推荐文章于 2023-11-23 14:30:39 发布

原创最新推荐文章于 2023-11-23 14:30:39 发布 · 1.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #html

在练习HTML编程时，遇到一个问题：点击button添加元素时，元素瞬间消失。原因是button元素的type属性默认为'submit'，导致表单提交。解决方案是将button的type属性改为'button'，防止表单提交，使得添加的元素能够正常显示。

今天练习了一个小案例，点击button按钮添加一个元素时，发现这个元素一闪而过，后来查之后了解，原来button的type属性默认是submit。

解决办法是将type属性值改成button就可以了，没有提交表单了，添加的元素也就能显示了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

GoAyano-

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

js中按钮button点击后消失

weixin_48727085的博客

08-08

3973

button.style.display = "none";

chrome定位一闪而过的元素

qq_50058672的博客

11-11

1548

在自动化测试的过程中，我们会碰到这样的情况，比如提示框，只出现了几秒，元素节点就会在DOM 中消失了，而我们还没来得及编写元素定位的表达式。诸如此类的情况很常见，烦不胜烦。那我们应该怎么样去解决这个问题呢，Chrome其实就有一个功能我们可以用用。在 F12 开发者工具中，有一个 Sources 选项，如下图所示，在提示框的元素出现时我们可以点击箭头所指的暂停按钮可以看到暂停了，那我们在点击开发者工具中的Elements选项去看看元素使用定位被冻结的提示框，就可以看到成功的定位了。定位

参与评论您还未登录，请先登录后发表或查看评论

JS -- console.log测试输出，闪烁一下后消失

风不知从何处起的小屋

04-12

3220

今天写JS遇到的一个小问题：在提交按钮中写的Button点击事件，每次点击后在console中闪烁一下就消失了，也不报错。检查了一下发现有个<form class="layui-form" action=" "> </form>表单，这样会刷新提交的页面所以每次单击都闪烁输出一下就消失，将form中的action方法去掉即可，与后台相连时再添加上即可。 ...

给标签添加js点击事件显示效果闪过

qq_33636252的博客

04-08

677

html: <li class="changeimg"><a href="javascript:;">换肤</a> <div class="changeimglist"> <ul class="imglist"> <li><img src="images/bg1.jpg" alt=""></li&gt

button 闪烁

li1095470578的博客

11-23

182

【代码】button 闪烁。

关于layui 弹出层一闪而过就消失的解决方法

10-16

确保在所有涉及表单提交或点击事件的元素上添加此属性，例如： ```html ;">立即提交 ``` 3. **layui 表单提交处理**：在layui中，使用`lay-submit`和`lay-filter`属性定义表单提交，然后在JavaScript中监听...

程序天下:JavaScript实例自学手册

07-08

15.11 QQ图像一闪一闪的效果 15.12 设置textarea中的图片不处于编辑状态 15.13 禁止图像的拷贝 15.14 LOGO像雪花一样落下 15.15 多幅图片分页滚动显示 15.16 循环滚动显示图片 15.17 图片的选择展示 15.18 163图片...

【Vue3.0实战逐步深入系列】为问卷主题添加必填项配置及数据有效性校验功能

lixiaosenlin的专栏

11-27

2541

前言小伙伴们大家好。今天将带着大家继续来完善我们的问卷调查功能。到目前为止我们的问卷调查功能已经实现了问卷主题配置、问卷结果提交，问卷结果保存及回填，问卷结果展示等基本功能。看上去貌似一个问卷调查功能已经实现了，然而还有一个比较重要的功能没有实现，那就是数据有效性校验功能，想想如果没有数据有效性的校验，打开一个问卷什么都不填就直接提交，那就失去了问卷调查的意义了。因此本文将在前面分享的基础上增加数据有效性校验功能。需求描述 ...

finereport设置PDF导出前事件，但是并未生效，如何修改，具体JS语句如下：FR.showLoadingDialog({ title: "正在导出PDF文件",text: "正在导出中，请等待……" }); //延迟3秒后关闭 setTimeout(function() { FR.hideLoadingDialog() }, 3000);

最新发布

10-30

如果用户坚持使用原有方式，那么只能接受加载框一闪而过的情况。总结：根据实际情况选择方案。现在，针对用户提供的代码，我们无法保证导出完成时间，所以使用setTimeout是不可靠的。如果用户希望使用原有方式，...

使用原生js 实现点击消失效果

weixin_30471065的博客

06-30

972

JQ版 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script src="https://cdn.staticfile.org/jquery/1.1...

简单使用js点击事件让元素消失出现

qq_60903497的博客

03-07

1534

简单使用js点击事件让元素消失出现

JS实现元素消失特效

weixin_52580677的博客

02-16

1912

运行效果展示 JS实现元素碎片化消失特效设计思路获取要消失元素的位置、宽高和背景生成碎片覆盖要消失的模块，同时将要消失元素的透明度设为0 给碎片设置随机大小、透明度和运动方向碎片运动的同时，透明度降低，为0时清除碎片碎片全部消失后，元素被清除代码展示 function minbox(i,j,width,height,bg) { var mi

button点击出现边框

qq_41603606的博客

05-21

2016

Button按钮点击后出现蓝色边框在修改button按钮样式之后，点击button按钮出现了蓝色边框在修改button按钮样式之后，点击button按钮出现了蓝色边框添加css属性，这样在点击安按钮的时候就不会有蓝色边框了。 button{ outline:none; } 谷歌浏览器中button按钮的边框如何去除谷歌浏览器中button按钮的边框怎么去除在谷歌浏览器中点击一个butto...

from表单的混淆点-点击按钮出现一闪而过

chlhui的博客

02-06

2454

form表单下出现一闪而过 在form表单中使用type=submit和button元素，绑定事件后点击时，会出现一闪而过的闪屏现象，同时也没有达到预想的效果。究其原因，是前端和后台的顺序没有搞清楚： form表单在提交或点击button时，浏览器先渲染js代码部分，绘制出js代码要显示的页面，之后提交给后台，向后台服务器进行请求；服务器在获取请求后，开始响应，并把响应内容返回给浏览器

HTML5实现点击按钮后按钮消失

CyberLynxX的博客

10-02

588

上述代码中，我们首先定义了一个按钮，其id为"myButton"，并设置了一个onclick事件，当按钮被点击时，会调用名为。在HTML5中，我们可以通过JavaScript来实现点击按钮后按钮消失的效果。函数会被调用，按钮的CSS类会被修改为"hidden"，从而使按钮消失。在CSS样式部分，我们定义了一个名为"hidden"的类，其中的。属性将按钮的显示设置为"none"，从而使按钮在页面上消失。如果你有任何疑问，请随时提问。将一个名为"hidden"的CSS类添加到按钮上。

JS之点击后按钮消失

穿越清华

04-03

2950

JS之点击后按钮消失脚本说明把如下代码代码复制到区域中 onclick="this.style.visibility='hidden';window.print();">

JavaScript动态操作HTML元素：添加与删除实例

"这篇文章主要介绍了如何使用JavaScript动态添加和删除HTML元素，提供了兼容性良好的代码示例，特别是针对表格行的增删操作。" 在网页开发中，JavaScript是一种常用的语言，用于实现页面的交互性和动态效果。动态...