Javascript: Как удалить последний символ из div или строки?

У меня есть div с строкой содержимого. Содержимое не сохраняется в переменной, и я хотел бы удалить последний символ текста в этом div. Любая помощь пожалуйста?

Дополнительная информация:

У меня есть текстовое поле, и после ввода текста в текстовое поле текст появляется в div в большой записи. Когда пользователь нажимает клавишу back-space, я хочу, чтобы последний символ в div был удален. В основном я использую jQuery для достижения этого. Вот мой код:

$(document).ready(function(){
    $("#theInput").focus();   //theInput is the text field

    $('#theInput').on('keypress', printKeyPress);

    function printKeyPress(event)
    {
        //#mainn is the div to  hold the text
        $('#mainn').append(String.fromCharCode(event.keyCode));
        if(event.keyCode ==8)   //if backspace key, do below
        {
            $('#mainn').empty();  //my issue is located here...I think
        }
    }

});

Я попытался $('#mainn').text.slice(0,-1);

Я также попытался сохранить значение #theInput в переменной, а затем распечатать его, но это не сработало. Любые идеи?

Ответ 1

$('#mainn').text(function (_,txt) {
    return txt.slice(0, -1);
});

demo --> http://jsfiddle.net/d72ML/8/

Ответ 2

Вы уверены, что хотите удалить только последний символ. Что делать, если пользователь нажимает backspace из середины слова. Лучше получить значение из поля и заменить divs html. На клавиатуре

$("#div").html($("#input").val());

Ответ 3

var string = "Hello";
var str = string.substring(0, string.length-1);
alert(str);

http://jsfiddle.net/d72ML/