cari

Rumah >hujung hadapan web >tutorial js >Kaedah JS untuk memaparkan baris tertentu kod html dalam kemahiran table_javascript

Kaedah JS untuk memaparkan baris tertentu kod html dalam kemahiran table_javascript

WBOY
WBOYasal
2016-05-16 16:06:56983semak imbas

Contoh dalam artikel ini menerangkan kaedah JS memaparkan baris kod html yang ditentukan dalam jadual. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Kod js berikut menunjukkan cara mendapatkan kod html baris yang ditentukan melalui tatasusunan baris jadual, termasuk semua lajur 

<!DOCTYPE html>
<html>
<head>
<script>
function showRow()
{
alert(document.getElementById('myTable').rows[0].innerHTML);
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr>
<tr>
<td>Row2 cell1</td>
<td>Row2 cell2</td>
</tr>
<tr>
<td>Row3 cell1</td>
<td>Row3 cell2</td>
</tr>
</table>
<br>
<input type="button" onclick="showRow()"
value="Show innerHTML of first row">
</body>
</html>

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

Kenyataan：
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 sebelumnya：Tafsiran kod sumber pemilih jQuery (8): addCombinator function_jqueryArtikel seterusnya：Tafsiran kod sumber pemilih jQuery (8): addCombinator function_jquery

Artikel berkaitan

Lihat lagi