innerHTML与innerText

有时候用参数和变量来解决一些输出问题

对于表单控件,都可以用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>