document.getElementById 不能获取值的问题

最新推荐文章于 2024-05-23 20:55:08 发布
最新推荐文章于 2024-05-23 20:55:08 发布
阅读量6.9k 收藏
点赞数
文章标签： jsp document
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ljj_9/article/details/51783837
版权

当页面有

<input name="customerBase.customerName" class="input90" value="${customerBase.customerName }">


<input name="customerBase.customerName" id="customerBase.customerName" class="input90" value="${customerBase.customerName }">

虽然input的id是唯一的，但是name有重复的两个，如果使用document.getElementById("customerBase.customerName")是怎么也不能获取到对象。只有按照以下方法修改，就行了。

把

<input name="customerBase.customerName" class="input90" value="${customerBase.customerName }">


<input name="customerBase.customerName" id="customerBase.customerName" class="input90" value="${customerBase.customerName }">


修改成


<input name="customerBase.customerName2" class="input90" value="${customerBase.customerName }">


<input name="customerBase.customerName" id="customerBase.customerName" class="input90" value="${customerBase.customerName }">


那么，使用document.getElementById("customerBase.customerName")就可以获取想要的对象了。



赖进杰
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html中ID取val值,document.getElementById获取不到值的原因及解决办法
weixin_36058835的博客
06-18 3204
document.getElementById获取不到值的原因及解决办法在html中如下一段源代码：document.getElementById("getText").value="你好";helloDW(Dreamweaver)测试无任何错误提示，但标签中的内容没有改变在EditPlus中测试直接出现如下图所示的错误点击是只有一个hello 出现的结果在DW中一样，只是这里报错说明问题出现在g...
document.getElementById(“元素id值“)方法位置问题
weixin_45190226的博客
11-06 2539
问题代码如下： <html lang="en"> <head> <meta charset="UTF-8"> <title>通过document获取数据or赋值</title> <style type="text/css"> input{margin: 10px} </style> <script type="text/javascript">
document.getElementById()获取一直为null
慕白Lee的博客
10-20 9845
document.getElementById()获取一直为null的最常见的一个原因是js文件在head标签里。直接使用$("#duang")同样可以获得对象进行一系列操作, 但是同样需要注意ID的正确性。产生的加载顺序问题，导致get不到节点的信息.
js的document.getElementById()不起作用的原因，显示null
weixin_59129994的博客
10-20 5855
发现这里的document.getElementById()根本没有获取到对象！就把下面这行代码移到了 的最后一行。
vue3 中document.getElementById(‘container‘).scrollWidth = 0 的简单解决方法nextTick
最新发布
jwbabc的专栏
05-23 397
document.getElementById('container').scrollWidth获取的值是0的处理
document.getElementById获取不到值的几种原因分析
热门推荐
java journey
09-23 5万+
前几天修改那个分页类，想加入跳转到指定页的功能，就是用户直接输入页码，点击按钮就可以跳到指定的页码！     一看这个需求，就可以想到利用GET传值的方式，但常规GET方式需要把链接写入标签的a href里面，而我们实际上是希望用按钮来进行点击，而不是一个简单的超链接形式。于是
vue document.getElementById值为空的原因及解决方法
Ttowx的博客
05-19 3669
②在vue中，利用this.$nextTick(()=>{①script标签上加defer=true的属性。②js代码在head前，即dom元素渲染前。//获取到的是数据更新后的Dom数据。
document.getElementById获取控件对象为空的解决方法
12-04
在上述问题中，主要讨论了如何正确地使用 `document.getElementById` 方法来获取页面中的元素对象，特别是在页面加载过程中的时机问题。 首先，`document.getElementById` 是JavaScript中的一个函数，它用于根据...
各浏览器对document.getElementById等方法的实现差异解析
09-04
`document.getElementById`是一个JavaScript内置方法，用于根据指定的ID从文档中获取元素。在大部分情况下，这个方法在所有现代浏览器中都能正常工作，但在一些旧版本或特定浏览器中可能会出现不一致的行为。例如，...
js中document.getElementByid、document.all和document.layers区分介绍
10-28
// 使用getElementById获取元素 var myElement = document.getElementById('myElementId'); // 使用document.all获取元素 var anotherElement = document.all['anotherElementId']; // 判断浏览器类型（非推荐，仅...
原生js操作checkbox用document.getElementById实现
12-08
jquery与checkbox的checked属性的问题，讲的是控件<input type=”checkbox”>...3、使用document.getElementById(“checkbox_id”).checked获取的值与是否钩上一至，即与所见即所得 4、使用$(“#che
document.getElementById获取不到对应值，返回NUll
gigijingjing的博客
06-20 8388
问题：当把js文件引入位置放到head标签内，document.getElementById获取不到对应值，返回NUll； 原因：html代码执行顺序问题获取不到元素值； 解决办法： 第一种：加上defer属性。<script type="text/javascript" src="form.js" defer="defer"></script> 第二种：把...
vue v-else中使用document.getElementById获取不到值的问题
Spy003的博客
08-20 3201
然后我尝试，把含有id组件写在v-if中，这时可以获取到组件了，但是当v-else的组件显示出来以后，发现同一个位置，v-else页面控件对应的位置也能获取到这个id，于是我发现，：我把含有id的标签写在了v-else中，结果，通过document.getElementById获取不到组件，这个问题困扰了我两天，我经过反复排查，终于定位到了问题出现在v-if / v-else 判断属性中，vue v-else中使用document.getElementById获取不到值的问题。
关于document.getElementById()无法获取值的问题
weixin_43238931的博客
03-23 2822
今天前端数据交互时使用document.getElementById()无法获取iiput输入框的值 点击按钮，获取input的值，并alert显示出来 附错误代码 var a = doucment.getElementById("content"); $("submit").click(function{ alert(a); }); 以上代码运行出的结果为空 原因是var a = doucm...
chrome插件的js中使用document.getElementById(‘save‘)获取不到元素
12-19 2690
使用Store0请输入消费金额:存储
document.getElementById()报错处理
cnds123的专栏
09-15 8650
本文介绍document.getElementById()报错原因及处理
【JavaScript】出现即使设置了ID也获取不到的可能原因与window.onload
编程记录，亲测有效
03-14 4415
有时候，在JavaScript中，即使设置了ID也有可能出现document.getElementById()获取不到的情况，然后你就开始想document是否写错之类的，其实根本就不是你的代码的大小写出现了问题，主要是你还没有搞清楚直接写在之间东西与写在window.onload=function(){}里面的东西的区别到底在哪里。 比如如下的非常一段简单代码，在网页中除了一个ID为a，然后里
document.getElementBy系列方法获取不到对象
weixin_44848356的博客
02-13 3223
getElementById取不到对象 在浏览器进行文档解析时是有顺序的，当页面加载完毕之前，或者说在相应的DOM对象加载完毕之前，对应的对象是不能获取到的。 看下面代码： <script> var temp = document.getElementById("div"); alert(temp); </script> <body> <d...
document.getElementById获取不到标签
Rockandrollman的博客
11-12 1666
如果你是把 document.getElementById写在了内，可能会由于页面没有完全加载所以获取不到指定标签。 把 document.getElementById…写在body标签后面就可以了。 <body> </body>//写到body下面 <script type="text/javascript"> document.getElementById("qx").style.display = "none"; </script> ..
document.getElementById 获取input值
08-30
要使用`document.getElementById`来获取`input`元素的值，您需要先通过给`input`元素设置一个`id`属性。 例如，假设您有以下HTML代码： ```html <input type="text" id="myInput"> <button onclick="getValue()">获取值</button> ``` 然后，在JavaScript代码中，您可以使用`document.getElementById`方法来获取该元素的值。例如，您可以创建一个名为`getValue`的函数来获取输入框的值并将其打印到控制台： ```javascript function getValue() { var inputValue = document.getElementById("myInput").value; console.log(inputValue); } ``` 在这个例子中，我们通过`document.getElementById("myInput")`获取了带有`id`为"myInput"的输入框元素，并使用`.value`属性来获取输入框的值。最后，将该值打印到控制台。 请注意，当使用`document.getElementById`时，确保在DOM加载完成后再执行JavaScript代码，或者将代码放置在页面底部。这样可以确保脚本能够找到所需的元素。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值