promotion image of download ymail app
Promoted

document物件 innerHTML問題

<textarea name="test" id="test" onclick="check()"></textarea>

<div id="show"></div>

//////////////////////////////// javascript語法

function check()

{

document.getElementById("show").innerHTML=

document.getElementById("test").innerHTML

{

想請教 : 使用者在textarea有輸入很多空白鍵及換行例如:

this is a test.

test again.

我希望<div id="show">這裡也能如實呈現,可是實際上卻顯示成

this is a test. test again.

空白鍵和enter(換行)都跑掉了? 怎麼修正呢? 請教大家!

ps.this is a test前頭有三個空白鍵,但是知識家會忽略而無呈現.

ps.記得innerHTML應該是"html標籤+內文文字"才對,不過ff及ie的反應會有不同.

1 Answer

Rating
  • Heresy
    Lv 7
    1 decade ago
    Favorite Answer

    HTML 在呈現的時候,多個空白只會呈現一個。

    而換行符號在 HTML 呈現時,也是視同空白;真的要換行,要把換行符號替換成 <BR> 這個標籤。

    一個要保存空白的方法,是用 <pre>...</pre> 把內容框起來。

    • Commenter avatarLogin to reply the answers
Still have questions? Get your answers by asking now.