Как добавить элемент в конец?

Question

[Space]

Привет. Добавляю переменную messageMsg в div id="message"

var messageContent = $( "#messages" ).html();
var messageMsg = "bla bla";
$( "#messages" ).html( message );

Как сделать, чтобы переменная всегда добавлялась в конец дива?

Answer 1

[rafuck]

document.getElementById('messages').innerHTML += messageMsg;

Comments

[Space]

@rafuck спасибо. работает) А как можно сделать, чтобы при добавлении нового элемента скролл опускался вниз?

[Space]

@rafuck $(window).scrollTop($(document).height());
сделал так)

[rafuck]

ну, если без jquery, то так: window.scrollTo(0,document.body.scrollHeight);

[rafuck]

Еще можно разместить якорь самым последним элементом в body, и сделать document.location='#bottom'

[rafuck]

съелся тег <a name="bottom"></a>

[Space]

@rafuck лучше якорем?

[rafuck]

ну, это философский вопрос :)
Я бы якорем сделал. Мало кода, кроссбраузерно, не нужен jq.

Answer 2

[Салават Ситдиков]

var messageContent = $( "#messages" ).html(); /* не понял что это и зачем это нужно */
var messageMsg = "bla bla";
$( messageMsg ).appendTo( '#messages' );

Comments

[Space]

var messageContent = $( "#messages" ).html();
var messageMsg = "bla bla";
var message = messageMsg + messageContent;
$( "#messages" ).html( message );

к содержимому добавляет. Как будет к этому варианту?

[Тимур Сергеевич]

Как сделать подсветку кода?

Answer 3

[Sild]

Если в диве уже есть содержимое?

$( "#messages" ).html( $('#messages').html() + newmessage );

Comments

[Space]

@Sild все содержимое копируется

Answer 4

[Тимур Сергеевич]

Так лучше
var massages = $("#messages");
messages.html(messages.html()+ newmessage);

Comments

[Space]

@MyAlesya попробую)