textarea 用value可以獲取當前的textarea中的值
而innerHTML獲取的是一開始的頁面中的值,從文檔中獲取
經測試發現,當我們浏覽器顯示的頁面上修改textarea中的值的時候,
實際上文檔裡的內容還是沒有改變的(通過審查元素可以看到textarea中的內容)而innerHTML獲取的就是文檔中的內容
改變了文本框的內容:
HTML代碼沒改變:
當我在頁面上改變textarea中的值的時候,文檔中是沒有改變的,
而value獲取的就是頁面中顯示的值
下面是一個實例:
你可以改變文本框的內容,在改變前後分別點擊按鈕試試。
當你點擊“獲取innerHTML”時,彈出的值應該是:
<a href="http:///a/bjad/c4msqrns.htm">原文</a>
並且不會隨內容的改變而改變。
可以使用一下這個工具:http:///tool/htmlencode.htm
實例源代碼:
<textarea id="keleyiarea" style="width:615px;height:100px;">
<a href="http:///a/bjad/c4msqrns.htm">原文</a>
</textarea>
<input type="button" id="keleyivalue" value="獲取value" onclick="alert(document.getElementById('keleyiarea').value)" />
<input type="button" id="keleyihtml" value="獲取innerHTML" onclick="alert(document.getElementById('keleyiarea').innerHTML)" />