Вяртанне табліцы з функцыі на JavaScript
У папярэднім ўроке мы з вамі зрабілі функцыю
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 стварыце
новую табліцу, а затым устаўце яе ў канец
дыва.