有时候用参数和变量来解决一些输出问题
对于表单控件,都可以用value属性,对于非表单控件,可以用innerHTML
INPUT标签都有value属性,但都没有innerHTML属性,所以只能用value
SELECT标签和OPTION标签,即有value属性也有innerHTML属性,但是一个是取回值,一个是取回文本,这两个可能相同也可能不同,具体要看你想要哪个值.
下面是找的小例子：
1、取value属性值的时候，请使用value，
例如 ：<input id=‘in‘ type=‘text‘ value=‘我是input的value属性的值‘>
取其value值：
document.getElementById(‘in‘).value // 取出的值是：我是input的value属性的值
2. 一股脑取出元素下所有的文本（带标签）请使用innerHTML
例如 <div id=‘d‘> 我是div下的innerHTML <p>我也会被取出来</p> </div>
取其innerHTML：
document.getElementById(‘d‘).innerHTML // 取出的值是： 我是div下的innerHTML <p>我也会被取出来</p>
3. document.write 是写入一个或多个 HTML 表达式
以用來輸出文字的字串，甚至也可以輸出包含 HTML 標籤的字串
4.下面这个例子，可以测试一下(
document.write可以解析html
)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <title>Document</title> 6 </head> 7 <body> 8 <div id="test"> 9 <span style="color:red">test1</span> 10 test2 11 </div><br /> 12 <br /> 13 <br /> 14 <br /> 15 <br /> 16 17 <a href="javascript:alert(test.innerHTML)">innerHTML内容</a> 18 <!-- 输出div里面的东西 --> 19 <a href="javascript:alert(test.innerText)">inerTEXT内容</a> 20 <!-- 只输出文本内容 --> 21 <a href="javascript:alert(test.outerHTML)">outerHTML内容</a> 22 <br /> 23 <!-- 包含div标签 --> 24 <script> 25 document.write("解析html标签之后:"+document.getElementById("test").innerHTML); 26 </script> 27 28 29 </body> 30 </html>
原文：http://www.cnblogs.com/nostic/p/5414173.html