Cannot read property 'nodeType' of null; audio元素默认样式下载按钮

最新推荐文章于 2024-05-31 17:40:50 发布
最新推荐文章于 2024-05-31 17:40:50 发布
阅读量3.3k 收藏
点赞数
分类专栏： Debug 文章标签： audio nodeType 音量按钮 null
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sisierda/article/details/72517065
版权
本文主要探讨了在JavaScript中遇到'Cannot read property 'nodeType' of null'错误的原因和解决方法，该错误通常发生在DOM元素已被删除但仍有事件监听器引用它时。解决方案包括避免不必要的重绘或确保重绘在所有监听器执行后进行。此外，还介绍了如何定制Chrome中audio元素的默认样式，包括隐藏下载按钮和音量控制，通过调整width属性实现不同的显示效果，并提供了结合CSS隐藏音量按钮的技巧。
摘要由CSDN通过智能技术生成

1.chrome-->console抛出如下错误：

Uncaught TypeError: Cannot read property 'nodeType' of null

错误原因：从stackoverflow上查了，这个bug可能是由于dom元素未加载完而先执行了jquery代码引起的。

错误分析：我这个实例为：点击某个表单标签时（如checkbox），widget重新进行了render()操作（将dom元素remove并重新绘制）,而formit插件给form表单默认增加的监听事件还作用在已经被移除dom的元素上，所以执行formit事件的时候，target元素为null，报错抛出。出错的代码是jquery里追踪事件的捕获与冒泡的一段代码。参数为null时则报此错误。

解决的方法是：查走代码，去掉不合理的重绘，或将重绘过程放到listener都执行完成后进行。


2.chrome的audio元素默认样式修改

ch

最低0.47元/天 解锁文章
拿饭盒当烟灰缸
关注
专栏目录
解决TypeError: Cannot read properties of null (reading ‘xxx‘)的错误
念兮为美
03-14 7万+
解决TypeError: Cannot read properties of null (reading ‘xxx‘)的错误.
knockout-2.1.0.js绑定数据报Uncaught TypeError: Cannot read property ‘nodeType‘ of null 等异常的解决办法
kodmoqn的博客
07-19 152
knockout-2.1.0.js绑定数据报Uncaught TypeError: Cannot read property 'nodeType' of null 等异常的解决办法
Uncaught TypeError: Cannot read property 'nodeName' of null
Think++
04-07 8463
1.问题描述 Uncaught TypeError: Cannot read property 'nodeName' of null Uncaught TypeError: Cannot read property 'getAttribute' of null echartsUncaughtTypeError:Cannotreadproperty'setOptions'of...
knockoutJs 报Uncaught TypeError: Cannot read property 'nodeType' of null错误解决方案
钢铁鸭
04-10 1200
           用knockoutJs与第三方UI插件绑定，这个问题困扰了我好几天，头都大了，经过向群里一位大神讨教，终于实现了knockoutJs与easyui的dataGrid 绑定，喜若狂啊喜若狂！           But！ 就在这前一刻，我还在为这个错误挠头抓耳： 经过谷歌，终于在http://stackoverflow.com/questions/912801...
Vue 指令函数的简写形式
mqingo的博客
01-07 4789
  10指令函数的简写形式.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=
Vue 09Vue中使用行内样式---class
mqingo的博客
01-02 2755
09Vue中使用样式---class.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>09Vue中使用样式----class</title> <script type="text/javascript
Vue v-model指令的学习
mqingo的博客
01-02 4413
v-model指令的学习.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>v-model指令的学习</title> <script type="text/javascript" src=&q
Vue 过滤器
mqingo的博客
01-03 1680
过滤器: Vue.js 允许你自定义过滤器，**可被用作一些常见的文本格式化**。过滤器可以用在两个地方：**mustache 插值和 v-bind 表达式**。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示； 03品牌列表的过滤器.html <!DOCTYPE html> <html lang="en"> <head> ...
调试时报错：Cannot read property ‘nodeType‘ of null
Yimi_7809的博客
09-07 327
项目运行调试的时候一直报错，查看了项目中所有的js,都没有发现异常。
微信小程序使用ChatJS报错：TypeError: Cannot read property ‘node‘ of null
as350144的专栏
08-12 1万+
微信小程序使用ChatJS 报错 TypeError: Cannot read property 'node' of null
uniapp vue3项目内使用uni.createSelectorQuery()提示Cannot read property ‘node‘ of null
weixin_44219322的博客
10-13 1817
在开发过程中使用到uni.createSelectorQuery()方法去获取元素信息，但一直报错Cannot read property ‘node’ of null; 期间使用过nextTick，wx.createSelectorQuery()，也确认是在组件挂载后调用的方法，但均无效果
js中出现Cannot read property 'nodeName' of null
夏诗鸢的博客
08-22 3169
Cannot read property 'nodeName' of null
uniapp 运行到 app 报错 Cannot read property ‘nodeName‘ of null
weixin_43073383的博客
10-12 859
经排查，是这边的数据没有就渲染了，导致报错，加上标记判断就行了，不能直接写state.fixedIcon；uniapp 运行到某一个页面，报错，h5没有问题。
深入理解并解决Uncaught TypeError: Cannot read properties of null“的全面指南“
热门推荐
奇妙的Bug之旅
11-10 9万+
在JavaScript中，当你试图访问一个null或undefined对象的属性时，就会抛出这个错误。例如，如果你有一个变量x，它的值为null，然后你尝试访问x.property，就会得到"Uncaught TypeError: Cannot read properties of null"的错误。在使用任何变量之前，都应该先检查它是否已经定义。你可以使用typeof操作符来检查一个变量的类型。// 访问x的属性。
cannot read property 'nodeName' of null 的原因
猎手乔的博客
12-22 1万+
在公司些项目，用到了jquery的validate插件，之前处于莫种原因，将的form改成了 div ,这就导致了validate的验证找不到form，在浏览器控制台会报 cannot read property 'nodeName' of null . 后来是看到了写好的表单validate失效了，才发觉可能是form的原因。 我的是这种情况，结局了bug，其他的情况也可能导致报同样的错
解决Uncaught TypeError: Cannot read properties of null错误
最新发布
weixin_48683052的博客
05-31 4168
当在编写JavaScript代码时，经常会遇到Uncaught TypeError: Cannot read properties of null错误。本文将介绍这个错误的原因、常见的解决方法以及如何避免它的发生。
Cannot read properties of null (reading 'nodeType')
11-08
"Cannot read properties of null (reading 'nodeType')"这个错误通常是由于在尝试访问一个空对象的属性或方法时引起的。在这个例子中，错误可能是由于没有找到id为'listContent'的元素，导致tbody变量为空，从而...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值