document.getelementbyid().value与innerHTML使用场景对比，别再搞错了兄嘚

　

document.getelementbyid

首先getElementById()可以获取到页面上一个有id的元素，进而可以访问该元素的对应属性值，比如说value。

<input type="text" id="txt" value="hello html"/>

比如html页面中有上面这个id为txt的input元素

//获取该元素对象
var txt = document.getelementbyid('txt');
//获取该元素的值，即：hello html
var txtVal = txt.value;
//设置该元素的value属性值为boom
txt.value = 'boom';

如果一个元素没有value属性，那么使用document.getElementById().value是没有返回值的，比如一个p标签，就没有value属性。这类元素往往有起始标签和结束标签，比如说label，p等，就通过innerHTML来添加元素中的内容。

<script>
function addCon()
	{
		document.getElementById('lab1').innerHTML='this is a label';
		document.getElementById('p1').innerHTML='this is a p';
	}
</script>
<label id="lab1"></label>
<p id="p1"></p>
<input type="button" value="inner" rel="stylesheet">
                    
    
    
        
相关阅读
关于 contentWindow, contentDocument
没有永恒的技术只有变态的需求，没有好说的客户只有无奈的开发者，
如果iframe的出现是一个错误的话，iframe里边在来一个iframe那是错
Juqery中.val()与.value之间的区别
三年多没敲过代码了，今年打算捡起来，是需要多么大的勇气。但是为了实现自我价值，履行自我的承诺，这就是责任。没有什么难不难，晚不晚之
Map集合中value（）方法与keySet（）、entrySet()区别
在Map集合中
values():方法是获取集合中的所有的值—-没有键，没有对应关系，
KeySet():将Map中所有的键存入到set集合中。因为set具
KeyValuePair 和 Dictionary 的关系
KeyValuePair 和 Dictionary 的关系1、KeyValuePair a、KeyValuePair 是一个结构体（struct）；   b、KeyValuePair 只包含一个K
JavaScript中document的write()的一个使用细节
最近在做一个微信小程序，之中用到了html,CSS,JS这些方面的知识，我一直觉得前端很好玩，就开始学习JS方面的知识。
因为是初学，直接很全