Korte samenvatting: een tabel genereren uit een array in JavaScript

https://medium.com/wdstack/snel-blurb-een-tabel-genereren-uit-een-array-in-javascript-41386fd449a9

Geef uw mening: u kunt met Javascript werken

Je kunt het beste met Vanilla JS praten. Als u een hoek wilt maken, reageer dan met JQuery als u meer wilt. Als je met StackOverflow aan de slag gaat, kun je meer dan alleen maar meer mensen vinden U kunt dit niet doen.

Câu hỏi ra là: Làm thế nào để tạo một bảng via HTML naar một mảng 2 met JavaScript

Tóm tắt:

Dit is wat u kunt veranderen:

var tabelArr = [

[“rij 1, cel 1”, “rij 1, cel 2”],

[“rij 2, cel 1”, “rij 2, cel 2”]

]

Dat kan niet anders:

Het is mogelijk om de telefoon te gebruiken die u kunt gebruiken als u een telefoon wilt gebruiken, die u ook kunt gebruiken Het kan niet zo zijn dat u het apparaat niet meer kunt gebruiken.

Als u een telefoon wilt gebruiken, kunt u deze niet meer gebruiken (theo ý tôi). Hoe is het? Als u een webdesign-website wilt gebruiken, kunt u de beste manier vinden om naar de tafel te gaan U kunt internet via uw computer gebruiken.

Als u een CSS-kaart wilt gebruiken, kunt u deze op 9 tot 12 uur ophangen en ophangen chức nội mest ngày trước(Nếu tôi có thể mơ hồ và cổ xưa như vậy) gây khó chịu hơn đáng kể en yêu cầu sử met Frames kunt u de tafel ophangen.

DOM thực sự được mở rộng để bao gồm các phương thức dễ sử dụng trên chính các Table. Als u iets wilt doen, kunt u het beste een lange tijd doorbrengen. Chúng ta håy xem!

Het tabelobject

Cùng nhìn nhanh vào Tabelobject. Als u op console.log.dir klikt , kunt u dit doen.

laat tabel = document.createElement('tabel');

console.dir(tabel);

U kunt de browser op de console gebruiken om naar meer informatie te gaan. Als u een tafel wilt, kunt u een tafelelement gebruiken dat niet geschikt is voor een tafel zoals: stijl, innerHTML en id

Als u de hele wereld wilt zien, en u wilt scrollen naar de R- bank, ga dan naar de volgende pagina je kunt de titelrijen bekijken

Als u het eens bent, kunt u dat niet doen.

Thêm dòng và thêm cột

Wil je weten of je iets kunt doen? Giống như thế này:

laat tabel = document.createElement('tabel');

tabel.insertRow();

console.log(tabel);

Als je een console hebt, kun je het beste wat dan ook doen.

Als u console.log(table) en console.dir(table.rows) gebruikt , kunt u de volgende pagina openen:

Phương thức insertRow đến từ đâu?

U kunt de DOM-functie gebruiken. Er is geen reden om te zeggen dat u niet met een gerust hart kunt beginnen. Als u dat niet wilt, kunt u het beste wat u wilt doen. U kunt de tabel niet gebruiken.

Wilt u weten of u dit nog meer kunt doen? Điều này khá đơn giản!

laat tabel = document.createElement('tabel');

laat rij = tabel.insertRow();

laat cel = rij.insertCell();

cell.textContent = "Nieuwe cel!";

document.body.appendChild(tabel);

Als u de tafel ophangt, kunt u de rij niet op de tabel zetten.

Đặt nó cùng nhau

Je kunt StackOverflow gebruiken.

Tóm tắt

Làm thế nào để converteren 2 mảng này

var tabelArr = [

[“rij 1, cel 1”, “rij 1, cel 2”],

[“rij 2, cel 1”, “rij 2, cel 2”]

]

Je kunt het volgende zeggen:

Er is geen reden om de mest te verwijderen die u nodig heeft:

1. Lặp lại tất cả array(row) in tabelArr
2. U kunt het beste met uw vrienden omgaan
3. Geef mijn index(cel) weer met mỗi array(rij)
4. Als u de index(cel) gebruikt, kunt u de tekst in de cel bekijken.
5. Het is mogelijk om DOM te gebruiken

De code luidt als volgt:

//stel onze tabelarray in

var tabelArr = [

["rij 1, cel 1", "rij 1, cel 2"],

["rij 2, cel 1", "rij 2, cel 2"]

]

//maak een tabelobject

laat tabel = document.createElement('tabel');

// itereer over elke array (rij) binnen tableArr

voor (laat rij van tableArr) {

//Voeg een nieuw rij-element in het tabel-element in

tabel.insertRow();

// Herhaal over elke index (cel) in elke array (rij)

voor (laat cel van rij) {

//Tijdens het itereren over de index(cel)

//een cel invoegen in het tabelelement

laat newCell = table.rows[table.rows.length - 1].insertCell();

//tekst toevoegen aan het gemaakte celelement

newCell.textContent = cel;

}

}

//voeg de gecompileerde tabel toe aan de DOM

document.body.appendChild(tabel);

Kết luận

DOM rất mạnh mẽ. Als u meer wilt weten, of als u meer wilt weten over de drie dingen die u kunt doen nhất định (Không phải tất cả chúng ta sao?) met nhớ tất cả những thứ chúng ta đã hoành trước đó, en als je iets wilt, kun je het beste weten wat je kunt doen!