1，document.getelementbyid().value与document.getElementById().innerHTML区别

最新推荐文章于 2025-09-11 11:00:07 发布
转载 最新推荐文章于 2025-09-11 11:00:07 发布 · 3.9w 阅读 · 32

本文详细解释了JavaScript中通过document.getElementById获取元素后，value与innerHTML属性的区别。value主要用于获取表单元素的值，而innerHTML用于获取元素内部的HTML内容。
该文章已生成可运行项目，

document.getelementbyid().value与document.getElementById().innerHTML什么区别

 
使用document.getElementById()可以取到页面上一个有id的元素
然后访问这个元素的属性，比如value

当一个元素有value属性的时候，其value才会有值
例1
<input type="text" id="txt1" value="hello"/>
这样一个元素，当你使用document.getElementById("txt1").value时，可以得到其value值，即"hello"这个字符串。


如果一个元素没有value值，那么使用document.getElementById().value时是取不到。这是理所当然的，没有的东西怎么访问？
比如一个div标记，就不一定有value值。


innerHTML
这个是指元素中的内容
例2

一个元素有起始标记和结束标记如


<label id="lb1">this is a label</label>


当你使用document.getElementById("lb1").innerHTML可以取到<label>与</label>之间的内容，即“this is a label”。


document.getElementById().innerHTML
本文章已经生成可运行项目
document.getelementbyid().value与document.getElementById().innerHTML的区别
zhaoguxiaoshi的博客
08-18 2万+
document.getelementbyid().value与document.getElementById().innerHTML什么区别   使用document.getElementById()可以取到页面上一个有id的元素 然后访问这个元素的属性，比如value 当一个元素有value属性的时候，其value才会有值 例1 这样一个元素，当你使用document.ge
document.getElementById()方法使用
热门推荐
酣睡的熊㊣的技术博客
02-07 36万+
document.getElementById使用 语法：oElement = document .getElementById ( sID ) 参数：sID――必选项。字符串 (String) 。 返回值：oElemen――对象 (Element) 。 说明：根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象，则返回该组对象中的第一
一文学会 JavaScript（JS）——从入门到精通（超详尽教程）
最新发布
A6666689S的博客
09-11 1461
目标读者：刚学完 HTML/CSS，或希望系统掌握现代 JavaScript 的开发者。本教程尽可能覆盖语言核心、异步机制、浏览器 API、工程实战与最佳实践，学完你能独立完成小型前端项目并理解进阶主题。
document.getElementById详解
~飞 鸟 (*^__^*) 天 堂~
10-31 3461
document.getElementById(" ") 得到的是一个对象，用 alert 显示得到的是 “ object ”，而不是具体的值，它有 value 和 length 等属性，加上 .value 得到的才 是具体的值！ 参考资料： 1. document . getElementById 的用法和 DHTML.CHM 的下载地址 今天在网络上
document.getElementById(‘username‘).value 是什么
一季南凉的博客
03-25 1872
js
获得输入框的文本document.getElementById('id').value;
shy_snow的专栏
05-07 1万+
document.getelementbyid().value与innerHTML使用场景对比，别再搞错了兄嘚
Rosen's
08-09 1万+
首先getElementById()可以获取到页面上一个有id的元素，进而可以访问该元素的对应属性值，比如说value。 <input type="text" id="txt" value="hello html"/> 比如html页面中有上面这个id为txt的input元素 //获取该元素对象 var txt = document.getElementById('txt'); //...
document.getElementById()后面有没有.value有什么区别
tjmengqw的博客
08-13 2452
document.getElementById() 是获得元素； document.getElementById().value 是获得元素的值，假如这个元素事个type为text的input，它就会获得这个input点value值；
Document获取元素并修改内容：getElementById()方法、value属性、innerHTML属性、innerText属性
pan_junbiao的博客
09-25 5576
Document 对象，当 HTML 文档加载到 Web 浏览器中时，它就变成了一个文档对象。文档对象是 HTML 文档的根节点。文档对象是窗口对象的属性。innerHTML 属性声明了元素含有的 HTML 文本，不包括元素本身的开始标记和结束标记。通过该属性可以为指定的 HTML 文本替换元素内容。innerText 属性与innerHTML 属性的功能类似，只是该属性只能声明元素包含的文本内容，即使指定的是 HTML 文本，它也会认为是普通文本而原样输出。
getElementById（“”）.value报错
qq_74252110的博客
10-24 426
首先我知道getelementbyid在找不到相应的id属性元素时会返回null。并且null.property会报以上的错误，将代码。或者将<script>放到<body>中也可以。在复习web时，写了这个代码。插入函数中就不会报错，像。
JS中document.getelementbyid().value与innerHTML的区别
大橙子_Change的博客
02-28 1万+
使用document.getElementById()可以取到页面上一个有id的元素 然后访问这个元素的属性，比如value 当一个元素有value属性的时候，其value才会有值 &lt;input type="text" id="txt1" value="hello"/&gt; 这样一个元素，当你使用document.getElementById(“txt1”).value时，可以...
document.getElementById(“id名字”).value与$(属性名称).val()之间的区别
wqr111的博客
12-16 3043
首先使用document.getElementById(“id名字”).value的值时如果为空，JS会报错，导致页面死掉不动了。控制台报错。 如果使用$(属性名称).val()，则没有影响，会友好的执行其他下年的操作 区别 document.getElementById("id") 得到 的是[object HTMLDivElement]一个DOM对象； $("#id") 得到 的是[object Object]一个Jquery 对象。 转换 $(docu...
JavaScript中document.getElementById().value与innerHTML的区别
Elsa~的博客
02-26 7026
首先我们来认识一下HTML DOM Document对象 每个载入浏览器的HTML文档都会成为Document对象。Document对象使我们可以从脚本中对HTML页面的所有元素进行访问。 而Document对象是Window对象的一部分，可以通过window.document属性对其进行访问。 而getElementById()是Document对象的方法，该方法返回对拥有指定id的第一个...
关于document.getElementById("id").value找不到值
prejudice_zhu的博客
01-13 3089
要是使用框架，它会先找到框架的name 然后在再ID，所以最好name和id不同
js中document.getElementById("id").value+1问题
huazicomeon的博客
07-16 7056
document.getElementById("id").value的数据类型是不确定的 如果你是要相加用这样的写法比较好 document.getElementById("id").value=document.getElementById("id").value*1+1; 字符串拼接的话用这个 document.getElementById("id").value=document.
ajax调用时，document.getElementById获取不到值
chaplinlong的博客
07-29 3049
今天写ajax的一个小例子的时候，document.getElementById居然获取不到值，后来找到了，对自己很是无语。 先看jsp页面<body> <script type="text/javascript"> var req = null; function test() { var name = document.all.na
js中document.getElementById()用法
lyhmyway的专栏
03-03 6万+
dom标准里面的  获取当前文档中指定id的元素 if (document.getElementById("regjm").value != document.getElementById("regjm1").value ) {    alert("提示：请输入有效的认证码");    document.getElementById("regjm1").focus();    retur
document.getElementById("").value;值一直为空的原因！
滴水石穿
01-15 9870
今天写个表单提交，检查值是否为空 不管怎么提交一直提示内容为空！懵逼了！ 最后百度总算找到了原因！原来是页面打开的时候，chanpin的值就是空的，提交的时候肯定也还是空的，所以解决办法是，在点击提交的时候再去获取chanpin的值 然后就搞定了！！！ ...
html中ID取val值,document.getElementById获取不到值的原因及解决办法
weixin_36058835的博客
06-18 3451
document.getElementById获取不到值的原因及解决办法在html中如下一段源代码：document.getElementById("getText").value="你好";helloDW(Dreamweaver)测试无任何错误提示，但标签中的内容没有改变在EditPlus中测试直接出现如下图所示的错误点击是只有一个hello 出现的结果在DW中一样，只是这里报错说明问题出现在g...
document.getelementbyid().innerhtml和document.getelementbyid().value的区别
10-08
document.getElementById().innerHTML 和 document.getElementById().value 的区别在于它们返回的值的类型和用途不同。 - document.getElementById().innerHTML 返回的是 HTML 元素的内部 HTML 内容，即元素包含的所有 HTML 标签和文本。这个属性可以用于获取和修改元素的内容，例如： ```javascript var element = document.getElementById("myElement"); var htmlContent = element.innerHTML; // 获取元素的内部HTML内容 element.innerHTML = "新的内容"; // 修改元素的内部HTML内容 ``` - document.getElementById().value 返回的是表单元素（如 input、select、textarea）的当前值。这个属性主要用于获取和设置表单元素的值，例如： ```javascript var inputElement = document.getElementById("myInput"); var value = inputElement.value; // 获取输入框的值 inputElement.value = "新的值"; // 设置输入框的值 ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值