2012-03-27 10 views
1

新しい要素を作成し、contentEditableをtrueに設定して入力を開始し、innerHTMLを見ると、最後に余分な<br>が含まれています。入力する前にinnerHTMLを見ると、正しい値が得られます。これは正常ですか?私の問題は、<br>タグを使って行数を数えているので、必要以上に私に与えることはできません。あなたはF1キーを押したときにinnerHTMLには<br>タグが余分に含まれていますが、これは正常ですか?

はコードが設定されている
var _this = this; 
function keyup(event) 
{ 
    if (event.keyCode == 112) 
    { 
     alert(_this.code.innerHTML); 
    } 
} 
function create() 
{ 
    this.code = document.createElement("div") 
    this.code.innerHTML = "Hello world.<br>I like testing popcorn.<br>Testing again."; 
    this.code.contentEditable = "true"; 
    this.code.onkeyup = keyup; 
    document.body.appendChild(this.code); 
    _this = this; 
} 
window.onload = function() 
{ 
    create(); 
} 

ので、それはdiv要素の内容を示しています。ここではいくつかのテストコード(ジャバスクリプト)です。私はFirefoxの最新バージョンを使用しています。

+0

innerHtmlも更新しているコードを投稿してください。 –

+0

テストコードを実行するだけで、divに何かを入力してinnerHTMLを更新できます。 –

答えて

-1

最初にタグは<br />でなく<br>でなければなりません.2番目のdivはブロック要素で、<br>タグは表示されませんが、divの作成後に新しい行が表示されます。

div要素の作成後にそのdiv要素のinnerHTML値を出力すると、出力は何ですか?

+0

まず、
はW3バリデータで検証されません。 innerHTMLを作成した後に出力すると、入力したものと同じものが返されますが、末尾には
が付きません。私のテストコードに関して: "Hello world。
私はポップコーンのテストが好きです。
もう一度テストしてください。"あなたが言っていることは理にかなっていますが、まだ解決策を見つける必要があります。 –

+0

いいえ「
」 –

+0



を話しません。
は問題ありません。http://stackoverflow.com/questions/1946426/html-5-is-it-br-br-or-br –

関連する問題