0

Есть исходный код http://jsfiddle.net/wzwewr6d/1/

var a = document.getElementById('file_estimates_rus'), 
    b = document.getElementById("file_theme_estimates_rus").getElementsByTagName("span");
for (var i=0; i < b.length; i++) { a.innerHTML += b[i].outerHTML; }
<table border=1 cellpadding=10>
    <tr id="file_theme_estimates_rus">
        <td><span class="five">5</span></td>
        <td></td>
        <td><span class="two">2</span></td>
        <td><span class="three">3</span></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td id="file_estimates_rus"></td>
    </tr>
</table>

В итоге получается "5 2 3"

А что сделать, чтобы получалось "3 2 5", наоборот?

2 ответа 2

1

Используйте обратный цикл:

for (var i = b.length; i-- ;) { a.innerHTML += b[i].outerHTML; }

ДЕМО: http://jsfiddle.net/wzwewr6d/2/

2
  • Если вы нажмёте на кнопку "фрагмент кода" (Ctrl+M) в редакторе, то получите окно как на JSFiddle, только на SO. Желательно пользоваться им, чтобы всё содержимое было на СО.
    – Kyubey
    8 апр 2015 в 16:48
  • @Athari Я в курсе, спасибо. Я пользуюсь этим редактором в тех случаях, когда действительно важно показать итог выполнения программы. Здесь я просто привел пример обратного цикла. Нет нужды в отдельной демонстрации.
    – VisioN
    8 апр 2015 в 16:50
1

Я бы рекомендовал использовать операцию с DOM элементами, вместо innerHTML+= т.к. изменении innerHTML удаляются все узлы, а потом создаются новые.

Обновленное решение, который предложил пользователь VisioN:

for (var i = b.length; i-- ;) { 
    a.appendChild(b[i].cloneNode(true));
}

https://jsfiddle.net/wzwewr6d/3/

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.