property 'value' of null/document.getElementById("id").value为null的解决方法

最新推荐文章于 2023-05-06 17:48:34 发布
最新推荐文章于 2023-05-06 17:48:34 发布
阅读量1.2k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Vibugs/article/details/81735979
版权

  我是按照《java web开发实战经典》里p71页例3.25敲得，和书上的代码一模一样，但是到谷歌浏览器运行时总是报错，

Uncaught TypeError: Cannot read property 'value' of null
    at addrow (js_dom_demo05.html?__hbt=1534382643298:9)
    at HTMLInputElement.onclick (js_dom_demo05.html?__hbt=1534382643298:28)

  经过查询，最后知道原来是document。getElementById取得时id属性，而书上input中定义的是name属性。

将

新的编号：<input type="text" name="id"  />

改为

新的编号：<input type="text" id="id"  />

即可

svllen
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
提示错误Cannot read properties of null (reading ‘value‘)
m0_67402125的博客
03-02 5947
出现这个错误，是因为把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>
html中ID取val值,document.getElementById获取不到值的原因及解决办法
weixin_36058835的博客
06-18 3195
document.getElementById获取不到值的原因及解决办法在html中如下一段源代码：document.getElementById("getText").value="你好";helloDW(Dreamweaver)测试无任何错误提示，但标签中的内容没有改变在EditPlus中测试直接出现如下图所示的错误点击是只有一个hello 出现的结果在DW中一样，只是这里报错说明问题出现在g...
Cannot read properties of null (reading ‘ xxx ‘ )的解决
weixin_48104862的博客
08-11 6万+
根据getElementById 的属性知道，他读到的是html中 标签的id ，此处报错说明我没有这个名为 tno 的Id ,所以根据这里我发现我在所需要的绑定标签中，给他的id = "type "
document.getElementById获取不到值的几种原因分析
java journey
09-23 5万+
前几天修改那个分页类，想加入跳转到指定页的功能，就是用户直接输入页码，点击按钮就可以跳到指定的页码！     一看这个需求，就可以想到利用GET传值的方式，但常规GET方式需要把链接写入标签的a href里面，而我们实际上是希望用按钮来进行点击，而不是一个简单的超链接形式。于是
document.getElementById()方法使用
热门推荐
酣睡的熊㊣的技术博客
02-07 36万+
document.getElementById使用 语法：oElement = document .getElementById ( sID ) 参数：sID――必选项。字符串 (String) 。 返回值：oElemen――对象 (Element) 。 说明：根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象，则返回该组对象中的第一
针对不同浏览器获取到css文件里相关属性的两种方法
09-25
var obj = document.getElementById(id); if (obj.currentStyle) { return obj.currentStyle[prop]; } } ``` 2. **`window.getComputedStyle`**：这个方法在大多数现代浏览器（Firefox, Chrome, Safari, ...
最容易犯的JavaScript错误.doc
07-02
someProperty: "value", someOtherProperty: null }; ``` 4. **错误：闭包的滥用** 不必要地使用闭包可能会导致代码复杂度增加。当在事件处理器中使用闭包时，不必再次传递函数外部已经可用的参数。只需直接在...
出现问题a is defined高手帮忙
06-15
*方法 */ DragZoomControl.prototype.saveMapContext = function(text) { if (this.globals.options.backButtonEnabled) { this.saveBackContext_(text,true); this.globals.backButtonDiv.style....
JavaScript Table行定位效果
05-20
The computed value of the position property for element A is fixed. 2，If A is an area ...
ajax、mysql、jstl实现分页、局部刷新界面
09-25
document.getElementById(id).innerHTML=xmlhttp.responseText; } }); } </script> <% //currentPage当前显示页数 if (request.getParameter("currentPage") == null||request.getParameter("currentPage...
react+ts与react+js：document.getElementById(‘container’)与 useRef＜HTMLDivElement＞(null)的相关理解记录
weixin_44995347的博客
05-06 777
它的返回值也是一个对象，这个对象包含一个属性 current，其初始值为 null，当 Ref 对象被附加到组件或者 DOM 元素上之后，current 属性会被设置为对该组件或者 DOM 元素的引用。document.getElementById(‘container’) 返回的是一个 DOM 元素的引用，也就是一个指向 HTML 文档中某个具体元素的对象，你可以使用这个引用来对该元素进行操作，例如修改其样式或者添加事件监听器等。钩子来创建一个对 DOM 元素的引用，也可以使用类组件的。
document.getElementById()获取一直为null
慕白Lee的博客
10-20 9828
document.getElementById()获取一直为null的最常见的一个原因是js文件在head标签里。直接使用$("#duang")同样可以获得对象进行一系列操作, 但是同样需要注意ID的正确性。产生的加载顺序问题，导致get不到节点的信息.
document.getElementById()报错处理
cnds123的专栏
09-15 8636
本文介绍document.getElementById()报错原因及处理
document.getElementById("").value;值一直为空的原因！
滴水石穿
01-15 9687
今天写个表单提交，检查值是否为空 不管怎么提交一直提示内容为空！懵逼了！ 最后百度总算找到了原因！原来是页面打开的时候，chanpin的值就是空的，提交的时候肯定也还是空的，所以解决办法是，在点击提交的时候再去获取chanpin的值 然后就搞定了！！！ ...
document.getElementById()获取值为null
长镜头
12-07 9218
js文件在head标签里或者在div上面的位置时获取不到id的内容， 这是由于加载顺序问题，html文档是从上往下加载，而不会全部加载后再执行js代码，因此导致get不到节点的信息 解决办法： 1.在body标签下引入js文件 2.将js代码加一个onload函数 &lt;script type="text/javascript"&gt; window.onload = f...
web前端--getElementById()获取的值为null
猿来是你呀
06-05 9500
昨天写到这里，发现alert弹出的值是null，不知道怎么回事，接下来要做的事情也被这个问题阻碍了，干脆跑去打球了。今天回来还是这个问题，高了好久终于发现问题了。嘿嘿！嘿！ var ZH; var PW; var zhBtn; ZH = document.getElementById(“ZH”); PW = document.getElementBy
Uncaught TypeError: Cannot read property 'getElementsByTagName' of null
u010289760的博客
11-21 1万+
在做一个一个tab选项卡时，在window.onload中获取几个参数，代码为：              //获取鼠标滑过或点击的标签和内容的元素     var titles=$('notice-tit').getElementsByTagName('li'),    divs=$('notice-con').getElementsByTagName('div'); 结果报错：Unca
js执行函数报错Cannot set property 'value' of null
qq_15007601的博客
07-15 1万+
dom还没有完全加载完成原因，所以js建议放在body下面执行，
The code you provided, `document.getElementById("p1").firstChild.nodeValue`, is a JavaScript expression that retrieves the value of the first child node of the element with the ID "p1" in the current HTML document. Let's break down the code: 1. `document` refers to the current HTML document object. 2. `getElementById("p1")` is a method that retrieves the element with the ID "p1" from the document. 3. `.firstChild` retrieves the first child node of the element. This can be any type of node, including text nodes or other HTML elements. 4. `.nodeValue` retrieves the value of the node. If the first child is a text node, it will return the text content of that node. It's important to note that if there are no child nodes or the first child node is not a text node, the `nodeValue` property may return `null` or an empty string. For example, if you have the following HTML: ```html <p id="p1">Hello, world!</p> ``` The code `document.getElementById("p1").firstChild.nodeValue` will return `"Hello, world!"`.
最新发布
06-02
I understand that `document.getElementById("p1").firstChild.nodeValue` is a JavaScript expression that retrieves the value of the first child node of the element with the ID "p1" in the current ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值