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
Lepaskan: 2016-05-16 16:06:56
asal
982 orang telah melayarinya

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>
Salin selepas log masuk

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

Label berkaitan:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan