⊗jsPmFDTCF 493 of 505 menu

JavaScriptте HTML таблицаларды түзүүчү функция

Эми createTable функциясын жасайлы, ал берилген өлчөмдөгү таблицаны түзүп, берилген элементтин аягына кошот.

Биздин функциянын биринчи параметри катары катарлардын санын, экинчи параметри катары тилкелердин санын, үчүнчү параметри катары биздин таблицанын ичинде түзүлө турган DOM элемент шилтемесин кабыл алышсын.

Келгиле, түзүлгөндөн кийин сизтелген функцияны кантип колдонобуз, көрөлү. Мисалы, бизге мындай див берилди дейли:

<div id="elem"></div>

Келгиле, ушул дивдин ичинде 3ге 4 таблица жасайлы:

let div = document.querySelector('#elem'); createTable(3, 4, div);

Эми бизге эки див берилди дейли:

<div id="elem1"></div> <div id="elem2"></div>

Келгиле, ушул дивдердин ар бирине өз таблицаңызды жасаңыз:

let div1 = document.querySelector('#elem1'); createTable(3, 4, div1); let div2 = document.querySelector('#elem2'); createTable(5, 6, div2);

Түзүлгөн таблицалар дароо көрүнүшү үчүн, кандайдыр бир CSS кошсоңуз болот, мисалы, мындай:

td { width: 50px; height: 50px; border: 1px solid black; }

Мына сизтелген функциянын даярдоосу:

function createTable(rows, cols, parent) { let table = document.createElement('table'); // бул жерде rows катарлары жана cols тилкелери бар таблица түзөбүз for () { for () { } } parent.appendChild(table); }

Жогоруда келтирилген функциянын даярдоосундагы кодду жазып бүтүрүңүз. Даяр функциянын иштешин текшериңиз.

Кыргызча
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어LietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Биз сайттин иштөөсү, аналитика жана персонализация үчүн cookie файлдарын колдонобуз. Маалыматтарды иштетүү Маалыматты коргоо саясаты боюнча жүргүзүлөт.
баарын кабыл алуу ыңгайлаштыруу четке кагуу