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

最新推荐文章于 2024-08-23 16:53:29 发布

august_shi

最新推荐文章于 2024-08-23 16:53:29 发布

阅读量3.8w

点赞数 13

分类专栏： JavaScript

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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

摘要由CSDN通过智能技术生成

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