javascript - js がテキストを html に挿入する順序を変更する

Question

現在、js がテキストを html に挿入する場所を変更する必要があります。現在、常に最後に配置されており、最初に挿入して他のものを押し下げる必要があります。つまり、挿入する場合

<li>1</li>, <li>2</li>, <li>3</li> 

それはその順序でそれを維持します私は常に最後のものを最初にリストする必要があります

<li>3</li>, <li>2</li>, <li>1</li>

ここにhtmlがあります

<div class="data">
    <div class="stackleft" id="p1_stack"></div>
    <div class="stackright" id="p2_stack"></div>
</div>

ここにJavaScriptがあります

function drawStack(isFinal) {
    var stackLength = Oscore[currentPlayer].stack.length;
    var temp = "";
    var tot = 0;
    for (var i = 0; i < stackLength; i++) {
        var val = Oscore[currentPlayer].stack[i];
        temp += "<li>" + val + "</li>";
        tot += val;
    }

    //if(!isFinal){
    //temp = '<div class="workingScore">'+scoreTemp+'</div><br>' + temp;
    //}

    var writeSore = document.form1.game.value - tot;
    writeit(writeSore, currentPlayer + "_score");
    writeit(temp, currentPlayer + "_stack");
}

Answer 1

逆方向にループしてみてください：

for (var i = stackLength; i--; ) {
    var val = Oscore[currentPlayer].stack[i];
    temp += "<li>" + val + "</li>";
    tot += val;
}

Answer 2

これはどう：

temp = "<li>" + val + "</li>" + temp;

表示されているコードにも引用符がありませんでした (現在は誰かの編集によって修正されています)。

編集：ループバックワードアプローチの方が好きだと思いますが、何が最も明確であるかはあなた次第です。

Answer 3

prepend()JQueryから使用.....