В предыдущем уроке мы с вами сделали функцию
createTable
. Давайте модифицируем
эту функцию так, чтобы она не добавляла таблицу
в какой-то элемент, а просто возвращала ее
через return
.
То есть приведенный код предыдущего урока преобразуется вот в такой:
let div = document.querySelector('#elem');
let table = createTable(3, 4);
div.appendChild(table);
Можно переписать короче:
let div = document.querySelector('#elem');
div.appendChild(createTable(3, 4));
Получение ссылки на таблицу может понадобится для того, чтобы что-то сделать с созданной таблицей. К примеру, давайте покрасим ее цвет текста в красный:
let div = document.querySelector('#elem');
let table = createTable(3, 4);
table.style.color = 'red';
div.appendChild(table);
Переделайте вашу функцию createTable
в соответствии с описанным в теории.
Пусть у нас есть вот такой див с абзацами:
<div id="elem">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
С помощью функции createTable
создайте
новую таблицу, а затем вставьте ее в конец
дива.