0

こんにちは、私は自分の Web サイトにコメント セクションを作成しようとしています。私が書いたコードは、既に入力されているコメントの下に入力したコメントを配置します。

私が本当にやりたいことは、新しく入力したコメントを古いコメントの上に配置することです (Facebook、YouTube、または他のウェブサイトなど - コメントを入力すると、古いコメントの上に表示されます (最初の行))。私はjavascriptを使用してこれを行いますか? ありがとうございました。以下は私が書いたコードです。

<input id = "txtboxComment" type = "text" onkeyup = "typeComment(event)" placeholder = "Write a comment"/>
<div id = "comment"></div>

#txtboxComment { 
    float: left;
    width: 600px;
    height: 25px;
    margin-left: 10px;
    margin-top: 10px;}

#comment {
    border: solid 1px;
    float: left;
    width: 602px;
    height: auto;
    margin-left: 51px;
    margin-top: 10px;
}

function typeComment(e) {
    co = document.getElementById("txtboxComment");
    if (e.keyCode == 13) {
        co.click();
        document.getElementById("comment").innerHTML += "<pre>" + co.value  + "\n" + "</pre>";
}
4

5 に答える 5

1

使用する

document.getElementById("comment").innerHTML = "<pre>" + co.value  + "\n" + "</pre>" + document.getElementById("comment").innerHTML;
于 2016-04-25T07:22:55.537 に答える
0

div のコンテンツ (すべての古いコメント) を取得し、それを変数 x に割り当てます。次に、入力値を取得し、それを変数に代入します。次に、div のコンテンツを y+x に設定します。

于 2016-04-25T07:22:56.787 に答える
0

の最後に新しいコンテンツを追加してい#commentます。私が質問を正しく理解している場合は、先頭に追加してください。この行document.getElementById("comment").innerHTML += "<pre>" + co.value + "\n" + "</pre>";を

document.getElementById("comment").innerHTML = "<pre>" + co.value  + "\n" + "</pre>" + document.getElementById("comment").innerHTML;
于 2016-04-25T07:22:56.970 に答える