HTML - テキストを出力する要素はどれですか？

Question

私は、私がユーザーに表示したいと思うサーバーからメッセージを受け取る小さなチャットアプリケーションを実装しています。私はバックエンドの人で、フロントエンド開発の経験が不足しているため、どの要素がテキストを出力するのに適しているのか分かりません。

つのオプションは、私の心に来る：textareaを使用して、プレーンdiv

を使用して

1. は（私の知る限り理解し、これを入力するために使用されることを意図しています）。

（私は何とかJQueryを使用してテキストをフェードインできればいいですか？）

Answer 1

• 読み取り専用メッセージ - より良い<div>
• を使用するためにそれ以外の場合は<textarea> \テキストボックス（<input type="text"...>）を使用します。

要素のidがfooであれば、それは、シンプルであるフェージング：あなたはdiv要素を使用する必要が

$('#foo').fadeIn(); 

Answer 2

、TEXTAREAはjqueryのための入力

のために効果的である：http://api.jquery.com/fadeTo/

例：

$('#div').fadeTo('slow', 1); 

Answer 3

コンテンツにタグを使用してjQueryを使って、あなたがメッセージごとスパンまたは新しい段落タグを追加することもできます

<div id="chatContent"> 

</div> 

その後はJQueryにあなたができる：

function chatMessageRecieved(message) { 
    $("#chatContent").append("<p> " + messsage + "</p>") 
}