Почему не выводятся на экран числа массива с помощью цикла for?

Question

[yuriytkachenko]

Есть задача при помощи цикла for вывести на экран числа от 1 до 10 массива mass.
Пробовал двумя вариантами вывести, но ни один не работает.

первый вариант:

var mass = [1,2,3,4,5,6,7,8,9,10];
for(i=0;i<mass.length;i++){
    mass[i].document.getElementById('root').innerHTML;
}

второй вариант:

var r = document.getElementById('root').innerHTML;
var mass = [1,2,3,4,5,6,7,8,9,10];
for(i=0;i<mass.length;i++){
    r = mass[i];
}

Помогите пожалуйста исправить оба варианта.

Comments

[Randel Kovalsky]

А если так?
document.getElementById('root').innerHTML = document.getElementById('root').innerHTML + mass[i];

Answer 1

[nvdfxx]

for(i=0;i<mass.length;i++){
    document.getElementById('root').innerHTML += mass[i];
}

Answer 2

[hzzzzl]

var mass = [1,2,3,4,5,6,7,8,9,10];

for(i=0;i<mass.length;i++) {
    document.getElementById('root').innerHTML = document.getElementById('root').innerHTML + mass[i] ;
}

Answer 3

[Randel Kovalsky]

[1,2,3,4,5,6,7,8,9,10].forEach(function(i){
document.getElementById('root').innerHTML += i;

});

Answer 4

[Дима Паутов]

Не нужно делать каждый раз перезапись DOM. Делайте это 1 раз, но в процессе работайте с переменной.

https://jsfiddle.net/adpmb230/

Answer 5

[Сергей Соколов]

первый вариант:

var mass = [1,2,3,4,5,6,7,8,9,10];
for(i=0;i<mass.length;i++){
    document.getElementById('root').innerHTML += mass[i];
}

второй вариант:

var r = document.getElementById('root');
var mass = [1,2,3,4,5,6,7,8,9,10];
for(i=0;i<mass.length;i++){
    r.innerHTML += mass[i];
}

Но разумеется можно короче

var mass = [1,2,3,4,5,6,7,8,9,10];
for (document.getElementById("root").innerHTML = mass.join(","); 0;)