DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> textarea元素的value和innerHTML的區別
textarea元素的value和innerHTML的區別
編輯:關於JavaScript     
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)" />
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved