Javascript - Thêm dòng mới vào bảng

Thêm dòng mới vào bảng

Mã nguồn:

<!DOCTYPE html> 
<html><head> 
<meta charset=utf-8 /> 
<title>Insert row in a table </title> 
	<script>
	function insert_Row()
		{
		var x=document.getElementById('sampleTable').insertRow(0);
		var y = x.insertCell(0);
		var z = x.insertCell(1);
		y.innerHTML="New Cell1";
		z.innerHTML="New Cell2";
		}
	</script>
</head><body> 
<table id="sampleTable" border="1"> 
<tr><td>Row1 cell1</td> 
<td>Row1 cell2</td></tr> 
<tr><td>Row2 cell1</td> 
<td>Row2 cell2</td></tr> 
</table><br> 
<input type="button" onclick="insert_Row()" value="Insert row">  
</body></html>

Xem ví dụ

Lưu đồ thuật toán:

Flowchart: JavaScript - JavaScript function to add rows to a table.


Chatbot Tư vấn Lộ trình CNTT 🤖
Chào bạn! Tôi có thể tư vấn về các lộ trình học CNTT dựa trên roadmap.w3typing.com. Hãy chọn một từ khóa dưới đây hoặc gõ câu hỏi của bạn (ví dụ: "Frontend", "Backend", "Python", "DevOps").