HTML：Cannot read property ‘value‘ of null的解决 --2021-03-24

原创 已于 2022-04-13 17:54:34 修改 · 376 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #javascript

于 2021-03-24 18:51:51 首次发布
本文详细阐述了如何修复Django项目中Bootstrap脚本引发的JavaScript错误，并介绍了更新JS文件后的解决方案，确保在Chrome Console中移除了错误提示。同时，探讨了前端资源加载的最佳实践，包括正确引用和组织静态文件。

HTML：Cannot read property ‘value‘ of null的解决

Cannot read property ‘value‘ of null错误提示。
解决把相应出错的提示的JS文件

比如在Django中使用bootstrap中的两个文件：

<script src='{% static "/js/bootstrap.bundle.min.js" %}'></script>
<script src='{% static "js/offcanvas.js"%}'></script>

更新之后，在Chrome内的Console中相应错误提示消失。

Error in v-on handler: “TypeError: Cannot read property ‘value‘ of undefined“
shengyin714959的博客
10-26 652
如果问题还没有解决，你就要先打开el-dialog，让弹出框被初始化，只有el-dialog被初始化了，在Vue的渲染引擎中，你才可以获取到里面的子组件。如果问题还没有解决，就是$refs依旧获取不到值，即取不到el-dialog对话框中的子组件对象，返回的都是undefined。如下，我要做的是打开一个弹框，弹框里面是个form表单的table，table里面有个元素是在线编辑代码的，支持代码各语言的高亮显示。在运行Vue项目时出现了上述错误，出现该错误的原因是其容器还未生成就对其进行了初始化所造成的。
vue3：TypeError: Cannot read properties of null (reading ‘insertBefore‘) vue3启动运行项目或打包编译时报错，详细排查解决教程！
最新发布
高级前端工程师
08-16 4316
vue3报错Cannot read properties of null (reading ‘insertBefore’)vue3+vite项目中报错，vue3项目启动运行报错Cannot read properties of null (reading ‘insertBefore‘)，VUE3执行build打包报错，Vue报错TypeError，将v-if都改成v-show还是报错，vue3+element-plus 报错，如何解决这个问题，最新详细排查解决方案，vue3如何解决报错，el-table-c
Cannot read property ‘value‘ of null
qq_45907053的博客
04-25 9865
Cannot read property ‘value’ of null   无法读取null的属性“value” 运行的时候发现：             代码是这样子的：   <html> <head> <title>采用局部刷新 </title> <script type="text/javascript"> fu
两种方法解决JS错误：Cannot read property ‘value‘ of null
weixin_47906706的博客
12-09 4991
解决2种可能问题：Cannot read property ‘value‘ of null
bug---javascript Cannot read property ‘value‘ of null
qw160的博客
05-19 387
错误描述：Cannot read property ‘value‘ of null -原因： 获取input输入框内容时，js代码放在了body的上边，导致运行js时input还未加载，所以会获取不到值 var foldername1 = document.getElementById("foldername").value 解决 将整个script代码移动到***body标签内***的最后 ...
Javascript：Cannot read property ‘value‘ of null
Keep_Doing的博客
11-10 577
情况1： 错误实例： <textarea id="txtRemark" rows="2" style="width:200px;" /> 错误原因： textarea这个控件本身不同于<input />、<img />等控件，它是没有value属性的，所以我们平时要按照正确的格式书写。 正确写法： <textarea id="txtRemark" rows="2" style="width:200px"></textarea> 情况2： JS 运
Uncaught TypeError: Cannot read property 'value'' of null
Alex
08-09 1万+
在用JS实现ajax做网页聊天室的时候，报了一个错误： Uncaught TypeError: Cannot read property 'value'' of null at chat (Glutinous_ Rice Balls.js:2) at HTMLButtonElement .onclick ((index):60) 先来看一下前端JS代码： function chat() { ...
遇到问题-----mongodb-------Uncaught TypeError: Cannot read property 'value' of undefined
直到世界的尽头
06-07 1万+
前面我们了解过 在mongodb 中使用js脚本运行。mongodb执行js脚本(一)---shell执行mongodb 执行js脚本(二)---mongovue执行但是写mongodb的js脚本并不是很好调试。 只能逐句检查验证。今天遇到了一个问题。Uncaught TypeError: Cannot read property 'highStudentResultDetails' of und
【Bug日记】Element-UI级联选择器el-cascader报错Cannot read property level of null
云间月
06-20 3748
????【Bug日记】 Element-UI级联选择器el-cascader报错Cannot read property level of null ????问题描述 使用element-ui 级联选择器el-cascader，其数据源options需要根据用户操作·动态切换·，此时若没有进行级联选择操作，动态切换options不会产生错误，一旦用户进行了级联选择，那么下一次切换options数据源时便会报错TypeError: Cannot read property 'level' of null*
Angular12报错:Cannot read property _rawValidators of null
我的开发博客(公众号:Web后端技术)
07-19 2247
升级Angular12后报错：main.js:1 ERROR TypeError: Cannot read property ‘_rawValidators’ of null 当前环境: Angular CLI: 12.1.2 Node: 14.17.0 Package Manager: npm 7.19.1 OS: darwin x64 之前也遇到过这个错误，但是升级Angular12后出现了该错误。Form表单报错，但是没有更详细的信息。 main.js:1 ERROR TypeError: Cann
js报错'Cannot read property 'value' of null'的可能原因
个人成长记录
09-30 2万+
最近遇到一次js报错，在检查过所有的js语法之后终于将关注点放在了页面上，发现有个控件写法有误 错误实例： <textarea id="txtRemark" rows="2" style="width:200px;" /> 相信有经验的同学已经看出来了，先看这个报错，无法读取为null的value属性，textarea这个控件本身不同于<input />、<i...
js错误：Cannot read property ‘value‘ of null
qq_42867113的博客
10-22 7572
js错误：Cannot read property ‘value’ of null <script type="text/javascript"> function loadPage(){ var targetURL=document.getElementById('url').value;//错误为这行 console.log(targetURL); } loadPage(); </script> <input type="text" id="url"
Cannot read property 'value' of null
u012102536的博客
08-05 5986
你看一下WorkersNo的大小写，IE好像不区分大小写，谷歌区分，所以要和dom元素的ID是一样的才行。 我的解决办法是在wid后面加上有了一个.trim()
Uncaught TypeError: Cannot read property 'value' of null
WeLoveSunFlower的专栏
06-10 6916
在 Chrome 中使用document.getElementById("dd"),或者$("dd"); 可能会遇到如上错误，这不是是该语句或写法有问题，而是可能使用了不存在的 id，比如：$("id1")，id1 在 HTML 中根本不存在，则会报如标题中的错误。 要注意，是不是把
JavaScript Uncaught TypeError: Cannot read property 'value' of null
热门推荐
挖坑埋你
01-06 4万+
用JavaScript操作DOM时出现如下错误： Uncaught TypeError: Cannot set property 'value' of null Uncaught TypeError: Cannot read property 'id' of undefined 例如： html xmlns="http://www.w3.org/1999/xhtml">
提示错误Cannot read properties of null (reading ‘value‘)
m0_67402125的博客
03-02 6956
出现这个错误，是因为把id获取错误，改过来便可。 <input type="text" id="txt"> var txt = document.getElementById("text");// txt写成text <body> <p> <input type="text" id="txt"> <button id="btnAdd">添加</button> </p>
js中DOM获取属性出现的错误Cannot read property ‘value‘ of null有可能的一个情况
Unnamedflower的博客
07-12 906
代码执行是从上而下的,所以出现这样的错误很可能是因为使用dom获取的对象并没有定义,或者说获取的对象还没有开始（运行）定义,你就开始获取了 script和body在同一页面中也是自上而下的执行的 所以最好将获取对象写在方法中（定义完之后在调用） 或者将script代码块放在该对象之后 之所以有这个错误是因为没了解清楚script块和body块等在一个页面上也是从上到下的执行 ...
ec-canvas 组件TypeError: Cannot read property 'init' of null
06-09
在使用 `ec-canvas` 组件时，如果遇到 `TypeError: Cannot read property 'init' of null` 的错误，通常是因为组件初始化过程中某些依赖项未正确加载或配置不当。以下是可能的原因及解决方法： #### 1. 检查 ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值