Question

您好我正在尝试在我的网站上发表评论部分，而我已编写的代码会将我输入的评论放在已输入的评论下方。

我真正想要做的是将新输入的评论放在旧评论之上（例如facebook或youtube或任何其他网站 - 当您输入评论时，它会显示在旧评论的上方（在第一行中））如何使用javascript完成此操作？谢谢。以下是我撰写的代码。

#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>";
}

containting text 'A' in categories 100 or 101

Answer 1

我猜你想要将你的最新文本放在另一个div的顶部，

<强> JS

FF

Answer 2

使用

document.getElementById("comment").innerHTML = "<pre>" + co.value  + "\n" + "</pre>" + document.getElementById("comment").innerHTML;

Answer 3

我会得到div的内容（所有旧评论）并将其设置为变量x。然后获取输入值，并将其设置为变量y。然后将div的内容设置为y + x。

Answer 4

您要在#comment的末尾附加新内容。如果我正确理解了这个问题，你想要预先添加它。将此行document.getElementById("comment").innerHTML += "<pre>" + co.value + "\n" + "</pre>";更改为

document.getElementById("comment").innerHTML = "<pre>" + co.value  + "\n" + "</pre>" + document.getElementById("comment").innerHTML;

Answer 5

仅使用javascript进行操作，因为代码中没有jQuery，但您已对其进行了标记

function typeComment(e){  // Execute this function on enter key
    co = document.getElementById("txtboxComment");
    var _comment = document.createElement('pre'); //create a pre tag 
   if (e.keyCode == 13) {
        co.click();
        _comment.textContent = co.value; //put the value inside pre tag
        var _commentDiv = document.getElementById("comment");
        if(_commentDiv.firstChild === null){ // Will validate if any comment is there
        // If no comment is present just append the child
        document.getElementById("comment").appendChild(_comment) 
        }
        else{
        // If a comment is present insert the new 
       // comment before the present first child in comment section
        document.getElementById("comment").insertBefore( _comment,_commentDiv.firstChild );
        }
   }
}

Working Example

如何将文本放在div中的其他文本之上

5 个答案: