document.getelementbyid().value与document.getElementById().innerHTML的区别

最新推荐文章于 2024-03-25 17:52:57 发布
最新推荐文章于 2024-03-25 17:52:57 发布
阅读量2w 收藏 40
点赞数 9
分类专栏： 初学问答

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
zhaoguxiaoshi
关注
  • 9
    点赞
  • 踩
  • 40
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
getElementById()[removed]与getElementById().value的区别
09-01
通常我们会看到`getElementById().value`或`getElementById().innerHTML`来获取或设置元素的特定属性。下面我们将详细讨论这两个属性的区别。 `getElementById().value` 主要用于表单元素，例如`<input>`、`...
document.createElement()用法
09-05
`document.createElement()` 是JavaScript中的一个核心方法，用于在DOM（Document Object Model）中动态创建新的元素节点。这个方法允许开发者在网页加载后根据需要添加新的HTML元素，为页面增加交互性和动态性。它...
document.getElementById(‘username‘).value 是什么
最新发布
一季南凉的博客
03-25 853
js
js中通过document.getElementById()获取到的值的类型
weixin_35703883的博客
07-09 3万+
问题描述： var value1 = document.getElementById（“num1”）.value; //3或9 var value2 = document.getElementById（“num2”）.value; //4或10 if(value1 < value2 ){ alert("正确") }else{ alert("失败) } 当value1 = 3,v...
document.getElementById()方法使用
热门推荐
酣睡的熊㊣的技术博客
02-07 36万+
document.getElementById使用 语法：oElement = document .getElementById ( sID ) 参数：sID――必选项。字符串 (String) 。 返回值：oElemen――对象 (Element) 。 说明：根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象，则返回该组对象中的第一
document.getElementById详解
~飞 鸟 (*^__^*) 天 堂~
10-31 3184
document.getElementById(" ") 得到的是一个对象，用 alert 显示得到的是 “ object ”，而不是具体的值，它有 value 和 length 等属性，加上 .value 得到的才 是具体的值！ 参考资料： 1. document . getElementById 的用法和 DHTML.CHM 的下载地址 今天在网络上
document.getElementById()后面有没有.value有什么区别
tjmengqw的博客
08-13 2296
document.getElementById() 是获得元素； document.getElementById().value 是获得元素的值，假如这个元素事个type为text的input，它就会获得这个input点value值；
JavaScript中document.getElementById().value与innerHTML的区别
Elsa~的博客
02-26 6755
首先我们来认识一下HTML DOM Document对象 每个载入浏览器的HTML文档都会成为Document对象。Document对象使我们可以从脚本中对HTML页面的所有元素进行访问。 而Document对象是Window对象的一部分，可以通过window.document属性对其进行访问。 而getElementById()是Document对象的方法，该方法返回对拥有指定id的第一个...
获得输入框的文本document.getElementById('id').value;
shy_snow的专栏
05-07 1万+
window.print打印指定div实例代码
09-04
var newstr = document.getElementById(printpage).innerHTML; var oldstr = document.body.innerHTML; document.body.innerHTML = headstr + newstr + footstr; window.print(); document.body.innerHTML = ...
JavaScript——DOM操作——Window.document对象详解
11-28
1. `document.getElementById("id")`：通过元素的唯一ID查找，返回匹配的第一个元素，如果找不到则返回null。 2. `document.getElementsByName("name")`：根据name属性查找，返回一个NodeList集合，可能包含多个元素...
Node.js-expresssocket.io聊天室
08-10
var msg = document.getElementById('m').value; socket.emit('chat message', msg); document.getElementById('m').value = ''; }); socket.on('chat message', function(msg) { var li = document....
node.js+Ajax实现获取HTTP服务器返回数据
10-25
document.getElementById("res").innerHTML = xhr.responseText; } } }; xhr.send(null); } <input type="button" value="获取数据" onclick="GetData()" /> <div id="res">dsdf ``` 为了使这个跨域...
WEB_Query.zip_WEB_Query.zip_vba url
09-22
VBA可以通过`Application.WebServices`调用来与这些服务交互，但这需要了解具体的API接口和调用格式。 这个"WEB_Query.xls"文件很可能是展示如何结合上述技术来实现从Web获取和处理数据的一个教程或示例。要深入...
Node.js-NodeJSSocket.io实现的一个在线聊天室
08-10
const output = document.getElementById('output'); form.addEventListener('submit', (e) => { e.preventDefault(); socket.emit('chatMessage', input.value); input.value = ''; }); socket.on('new...
js中document.getElementById("id").value+1问题
huazicomeon的博客
07-16 6970
document.getElementById("id").value的数据类型是不确定的 如果你是要相加用这样的写法比较好 document.getElementById("id").value=document.getElementById("id").value*1+1; 字符串拼接的话用这个 document.getElementById("id").value=document.
document.getElementById(“id名字”).value与$(属性名称).val()之间的区别
wqr111的博客
12-16 2763
首先使用document.getElementById(“id名字”).value的值时如果为空，JS会报错，导致页面死掉不动了。控制台报错。 如果使用$(属性名称).val()，则没有影响，会友好的执行其他下年的操作 区别 document.getElementById("id") 得到 的是[object HTMLDivElement]一个DOM对象； $("#id") 得到 的是[object Object]一个Jquery 对象。 转换 $(docu...
ajax调用时，document.getElementById获取不到值
chaplinlong的博客
07-29 2941
今天写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（）.innerHTML
07-27
document.getElementById().innerHTML是一种用于获取或设置HTML元素内容的方法。通过使用document.getElementById()来获取具有指定id的元素，然后使用innerHTML属性来访问该元素的内容。例如，如果有一个具有id为"myElement"的元素，可以使用document.getElementById("myElement").innerHTML来获取该元素的内容。这将返回该元素的起始标记和结束标记之间的所有HTML内容。 #### 引用[.reference_title] - *1* [JavaScript的 document.getElementById(‘id‘).innerHTML=“](https://blog.csdn.net/weixin_51855195/article/details/115281141)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [1，document.getelementbyid().value与document.getElementById().innerHTML区别](https://blog.csdn.net/august_shi/article/details/79279347)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [document.getelementbyid().value与document.getElementById().innerHTML什么区别](https://blog.csdn.net/qq_28784775/article/details/52785087)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值