js关于value与innerHTML的区别和innerText

第一种:
//    var dv1 = document.getElementById('test1');
//    dv1.firstChild.nodeValue = "elephant";//1给当前div下的内容更改内容
第二种
//    document.getElementById('test1').innerHTML = "elephanrrr";//2给当前div下的内容更改内容

2.关于value与innerHTML的区别和innerText
上面的value也可以写成innerHTML
要注意:
有value属性的标签才能使用getElementById().value
比如<input type="text" value="" />
像<div>12345</div>这种没有value属性的标签就用getElementById().innerHTML
对于表单控件,都可以用value属性,对于非表单控件,可以用innerHTML
input标签都有value属性,但都没有innerHtml属性,所以只能用value;
select标签和option标签,既有innerHTML属性也有value属性,但是一个是取回文本,一个是取回值,这两个有可能不同(比如0、1代替男、女)具体要看需要用到哪个值,具体分析
另外textarea文本域没有innerHTML属性,有value和innerText属性。

推荐阅读更多精彩内容