Bagaimana untuk menukar kandungan sel jadual secara dinamik dalam kemahiran JavaScript

Rumah

hujung hadapan web

tutorial js

Bagaimana untuk menukar kandungan sel jadual secara dinamik dalam kemahiran JavaScript_javascript

May 16, 2016 pm 04:07 PM

javascript perubahan dinamik lembaran

Contoh dalam artikel ini menerangkan kaedah menukar kandungan sel jadual secara dinamik menggunakan JavaScript. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

JavaScript menukar kandungan sel jadual secara dinamik Kod berikut mengubah suai kandungan sel dengan mengubah suai innerHTML sel

&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;script&gt;
function changeContent()
{
var x=document.getElementById('myTable').rows[0].cells;
x[0].innerHTML="NEW CONTENT";
}
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;table id="myTable" border="1"&gt;
&lt;tr&gt;
&lt;td&gt;Row1 cell1&lt;/td&gt;
&lt;td&gt;Row1 cell2&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Row2 cell1&lt;/td&gt;
&lt;td&gt;Row2 cell2&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Row3 cell1&lt;/td&gt;
&lt;td&gt;Row3 cell2&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;form&gt;
&lt;input type="button" onclick="changeContent()" value="Change content"&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;

Salin selepas log masuk

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel Panas

Berapa lama masa yang diperlukan untuk mengalahkan fiksyen berpecah?

3 minggu yang lalu By DDD

Repo: Cara menghidupkan semula rakan sepasukan

3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Hello Kitty Island Adventure: Cara mendapatkan biji gergasi

3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Kesukaran mengemas kini caching laman web akaun rasmi: Bagaimana untuk mengelakkan cache lama yang mempengaruhi pengalaman pengguna selepas kemas kini versi?

3 minggu yang lalu By 王林

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)

1 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Tunjukkan Lagi

Alat panas Tag

Kod&IT

Suara

Perniagaan

Pemasaran

Pengesan AI

Chatbot

Reka bentuk&Seni

Artikel Panas

Berapa lama masa yang diperlukan untuk mengalahkan fiksyen berpecah?

3 minggu yang lalu By DDD

Repo: Cara menghidupkan semula rakan sepasukan

3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Hello Kitty Island Adventure: Cara mendapatkan biji gergasi

3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Kesukaran mengemas kini caching laman web akaun rasmi: Bagaimana untuk mengelakkan cache lama yang mempengaruhi pengalaman pengguna selepas kemas kini versi?

3 minggu yang lalu By 王林

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)

1 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Tunjukkan Lagi

Tag artikel panas

Topik panas

Di manakah pintu masuk log masuk untuk e-mel gmail?

7129

Tutorial Java

1534

Tutorial Laravel

1256

Tutorial PHP

1205

Tutorial CakePHP

1153

Tunjukkan Lagi

Related knowledge

Langkah-langkah melaraskan format gambar yang disisipkan dalam jadual PPT Mar 26, 2024 pm 04:16 PM

Langkah-langkah melaraskan format gambar yang disisipkan dalam jadual PPT

Cara membuat jadual untuk ramalan jualan Mar 20, 2024 pm 03:06 PM

Cara membuat jadual untuk ramalan jualan

Bagaimana untuk menetapkan nilai WPS untuk menukar warna secara automatik mengikut syarat_Langkah untuk menetapkan nilai jadual WPS untuk menukar warna secara automatik mengikut keadaan Mar 27, 2024 pm 07:30 PM

Bagaimana untuk menetapkan nilai WPS untuk menukar warna secara automatik mengikut syarat_Langkah untuk menetapkan nilai jadual WPS untuk menukar warna secara automatik mengikut keadaan