masyarakat

Belajar

Perpustakaan Alatan

Alat AI

Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial js > Tutorial Asas DOM: Menggunakan DOM untuk Mengawal Pengetahuan Forms_Basic

Tutorial Asas DOM: Menggunakan DOM untuk Mengawal Pengetahuan Forms_Basic

WBOY

Lepaskan： 2016-05-16 16:18:47

asal

1387 orang telah melayarinya

Saya tidak akan bercakap tentang kawalan css jadual buat masa ini, mari kita kongsikan DOM jadual yang biasa digunakan

Kaedah yang biasa digunakan untuk operasi penambahan jadual ialah kaedah insertRow() dan insertCell().

baris dikira daripada sifar, contohnya:

Salin kod Kod adalah seperti berikut:

var oTr = document.getElementById("member"). insertRow(2 )

bermaksud menambah baris baharu pada baris kedua.

Salin kod Kod adalah seperti berikut:

var aText = new Array();

aText[0] = document.createTextNode("fresheggs");

aText[1] = document.createTextNode("W610");

aText[2] = document.createTextNode("5 Nov");

aText[3] = document.createTextNode("Scorpio");

aText[4] = document.createTextNode("1038818");

untuk(var i=0;i
var oTd = oTr.insertCell(i);

oTd.appendChild(aTeks[i]);

}

Pembolehubah oTr ialah untuk memasukkan baris baharu ke dalam jadual, kemudian gunakan insertCell untuk memasukkan data baharu bagi baris ini, gunakan createTextNode untuk mencipta nod teks baharu dan berikannya kepada oTd dalam appendChild, oTd ialah sel baharu.

1 Sisipkan baris (tambah jadual secara dinamik)

Salin kod Kod adalah seperti berikut:

Artikel terbaru oleh pengarang

Apakah itu NullPointerException, dan bagaimana saya membetulkannya?

2024-10-22 09:46:29
Daripada Novis kepada Coder: Perjalanan Anda Bermula dengan Asas C

2024-10-13 13:53:41
Membuka Kunci Pembangunan Web dengan PHP: Panduan Pemula

2024-10-12 12:15:51
Demystifying C: Laluan Yang Jelas dan Mudah untuk Pengaturcara Baharu

2024-10-11 22:47:31
Buka Potensi Pengekodan Anda: Pengaturcaraan C untuk Pemula Mutlak

2024-10-11 19:36:51
Lepaskan Pengaturcara Dalaman Anda: C untuk Pemula Mutlak

2024-10-11 15:50:41
Automasi Kehidupan Anda dengan C: Skrip dan Alat untuk Pemula

2024-10-11 15:07:41
PHP Dipermudahkan: Langkah Pertama Anda dalam Pembangunan Web

2024-10-11 14:21:21
Bina Apa sahaja dengan Python: Panduan Pemula untuk Melancarkan Kreativiti Anda

2024-10-11 12:59:11
Kunci Pengekodan: Membuka Kunci Kuasa Python untuk Pemula

2024-10-11 12:17:31

Isu terkini

Dalam React, localstorage.getItem mengembalikan null index.js：importReactfrom'react';importReactDOMfrom'react-dom/client';import'./index.css';i...

daripada 2024-04-05 14:18:19

0

1

1523

Cara untuk memberikan data melalui DOM dan bukannya melalui jadual Saya mempunyai soalan tentang aplikasi yang saya buat, saya menggunakan pangkalan data Ora...

daripada 2024-04-04 18:17:27

0

1

3567

Laluan penghalaan tidak menghasilkan komponen react.js Saya cuba membuat beberapa laluan laluan animasi menggunakan framer-motion, tetapi kompone...

daripada 2024-04-04 10:37:17

0

1

429

Masalah penambahan dinamik dengan kekurangan ruang antara elemen Saya mempunyai templat berikut dalam penanda saya. <templateid="unsequenced-templa...

daripada 2024-04-02 16:51:12

0

1

315

Cara untuk log keluar menggunakan perpustakaan authts/react-oidc-context dan pelayan kebenaran keycloak Ini ialah pelaksanaan semasa saya menggunakan react-router-dom, oidc-client-ts, react-oidc...

daripada 2024-03-31 19:13:55

0

1

544

Topik-topik yang berkaitan

Lagi>

Cadangan popular

Tutorial Popular

Lagi>

Tutorial berkaitan

Cadangan popular

Kursus terkini

Muat turun terkini

Lagi>

kesan web

Kod sumber laman web

Bahan laman web

Templat hujung hadapan