javascript - HTML - Which element to output text? - Stack Overflow

admin管理员组

文章数量:1355703

I'm implementing a little chat application where I receive messages from a server, which I would like to display to a user. As I'm more of a backend guy, and lacking experience in frontend development, I don't know which element would be suited best to output the text.

Two options e to my mind:

1. Using a plain div
2. Using a textarea (as far as I understand, this is intended to be used for input).

(Would also be nice if I could somehow fade in the text using JQuery).

I'm implementing a little chat application where I receive messages from a server, which I would like to display to a user. As I'm more of a backend guy, and lacking experience in frontend development, I don't know which element would be suited best to output the text.

Two options e to my mind:

1. Using a plain div
2. Using a textarea (as far as I understand, this is intended to be used for input).

(Would also be nice if I could somehow fade in the text using JQuery).

• javascript
• jquery
• html

Share Improve this question Follow edited Mar 29, 2012 at 17:45 gdoron 150k5959 gold badges302302 silver badges371371 bronze badges asked Mar 29, 2012 at 17:18 helpermethodhelpermethod 62.4k7171 gold badges199199 silver badges280280 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 4

• For readonly messages- better use <div>
• otherwise use <textarea>\ textbox(<input type="text"...>).

Fading it is simple, if the element id is foo:

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

Use a tag for the content and with Jquery you could append a span or a new paragraph tag for every new message:

<div id="chatContent">

</div> 

Then in JQuery you could do:

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

You have to use a div, textarea is effectively for input

For jquery : http://api.jquery./fadeTo/

Ex :

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

本文标签： javascriptHTMLWhich element to output textStack Overflow