更改顺序js将文本插入到html中

时间:2013-03-19 21:38:07

标签: javascript html css html5

我需要更改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");
}

3 个答案:

答案 0 :(得分:3)

尝试向后循环:

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

答案 1 :(得分:0)

这个怎么样:

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

你在所显示的代码中也错过了一个引用(现在由某人的编辑修复),可能根本不会像原来的那样工作。

编辑:我认为我更喜欢循环后退方法,但这取决于你认为最清楚的。

答案 2 :(得分:0)

使用JQuery中的prepend() .....