Вывод массива в таблицу

@Nastia! · Регистрация: 11.09.2013

Студворк — интернет-сервис помощи студентам

Привет. Извините за такой глупый вопрос, но я только начала изучать js и я в этом ламер

Подскажите, пожалуйста, что означает "вывести массив в таблицу"?

Вот мой код:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
var N = prompt('Введите число элементов массива' , '');
if (N != null)
{
if (N.replace (/\d/g, '').length)    
alert("Введите число!");
}
var Array=[];
Array.length = N;
for(var i=0; i<N; i++)
{
    var num = Math.floor(Math.random() * (N+1)); 
    document.write(num, ", ");
}

Как видите, здесь вывод массива осуществляется непосредственно в документ, а мне нужно, чтобы он выводился именно в таблицу.

@koza4ok · 12.09.2013, 14:33

Почитайте про свойтво innerHTML и Изменение страницы посредством DOM http://javascript.ru/tutorial/dom/modify

Вам нужно записать информацию в ячейку таблицы

ссылка на ячейку td.innerHTML=num;

@Nastia! · 12.09.2013, 14:35 **[ТС]**

Помогаете уже не в первый раз) спасибо!

@koza4ok · 12.09.2013, 14:48

Вот корректный пример

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<div id="xlop"></div>
 <script>
   
    var arr=[4,6,7,5,1]
var html='<table><tr>';
for (var i=0;i<arr.length;i++){
html+='<td>'+arr[i]+'</td>';
}
html+='</tr></table>';
 
document.getElementById('xlop').innerHTML=html;
</script>

@Nastia! · 12.09.2013, 15:00 **[ТС]**

супер!) спасибо преогромнейшее!)

Добавлено через 6 минут
только ваш код почему-то не хочет работать. возможно, из-за генератора случайных чисел в моем коде...

@koza4ok · 12.09.2013, 15:18

Включите Firebug в браузере и посмотрите ошибку.
Представте ее нам.

@Nastia! · 12.09.2013, 15:26 **[ТС]**

Вот мой код

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
var Array=[];
Array.length = N;
for(var i=0; i<N; i++)
{
    var num = Math.floor(Math.random() * (N+1)); 
    var html='<table><tr>';
    for (var k=0; k<N; k++){
    html+='<td>'+Array[k]+'</td>';
    }
    html+='</tr></table>'; 
    document.getElementById('xlop').innerHTML=html;
    
    document.write(num, ", ");
}

Выскакивает в Firebug такая ошибка:

Uncaught TypeError: Cannot set property 'innerHTML' of null
Failed to load resource

Я запускаю скрипт, ввожу количество элементов массива, далее показывается пустая страница и эта ошибка.

@koza4ok · 12.09.2013, 15:43

Вы создали тег <div id="xlop"></div> ?

Поместите скрипт в конец перед </body>

Либо запустите ваш код когда страница будет готова.

JavaScript
1
2
3
4
window.onload=function(){
//Ваш код
//здесь недопустимо использовать document.write!!
}

@Nastia! · 12.09.2013, 16:34 **[ТС]**

Спасибо, сейчас попробую. Да , тег создать не забыла )

Добавлено через 11 минут
Все сделала, как вы сказали.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var Array=[];
Array.length = N;
 
for(var i=0; i<N; i++)
{
    var num = Math.floor(Math.random() * (N+1));    
    document.write(num, ", ");
}
 
window.onload=function(){
    var html='<table><tr>';
    for (var k=0; k<N; k++){
    html+='<td>'+Array[k]+'</td>';
    }
    html+='</tr></table>'; 
    document.getElementById('xlop').innerHTML=html; 
}

Вместо нужного символа (-ов) выходит undefined и ошибка
Failed to load resource

Добавлено через 37 минут
Сделала

Вот код, может, помогу кому-то

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var Array=[];
Array.length = N;
 
 
 
window.onload=function(){
    var html='<table><tr>';
    for(var i=0; i<N; i++)
    {
    var num = Math.floor(Math.random() * (N+1)); 
    Array[i]=num;   
    html+='<td>'+Array[i]+", "+'</td>';
    html+='</tr></table>'; 
    document.getElementById('xlop').innerHTML=html; 
}
 
}

Новые блоги и статьи Все статьи Все блоги /
Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .
Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .

@koza4ok 632 / 440 / 67 Регистрация: 19.09.2012 Сообщений: 1,632
	12.09.2013, 14:33
	Почитайте про свойтво innerHTML и Изменение страницы посредством DOM http://javascript.ru/tutorial/dom/modify Вам нужно записать информацию в ячейку таблицы ссылка на ячейку td.innerHTML=num; 1

@Nastia! 0 / 0 / 0 Регистрация: 11.09.2013 Сообщений: 27
	12.09.2013, 14:35 [ТС]
	Помогаете уже не в первый раз) спасибо! 0

@Nastia! 0 / 0 / 0 Регистрация: 11.09.2013 Сообщений: 27
	12.09.2013, 15:00 [ТС]
	супер!) спасибо преогромнейшее!) Добавлено через 6 минут только ваш код почему-то не хочет работать. возможно, из-за генератора случайных чисел в моем коде... 0

@koza4ok 632 / 440 / 67 Регистрация: 19.09.2012 Сообщений: 1,632
	12.09.2013, 15:18
	Включите Firebug в браузере и посмотрите ошибку. Представте ее нам. 0