คัดลอกรหัสรหัสดังนี้:
<!
<html>
<head>
<title> table1.html </title>
<meta http-equiv = "คำหลัก" content = "keyword1, keyword2, keyword3">
<meta http-equiv = "คำอธิบาย" content = "นี่คือหน้าของฉัน" >>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<!-<link rel = "stylesheet" type = "text/ css" href = "./ styles.css">->
<script language = "javascript" type = "text/javascript">
-
ฟังก์ชั่น test1 () {
// ตรวจสอบว่ามีจำนวนแทรกอยู่หรือไม่
สำหรับ (var i = 0; i <mytable.rows.length; i ++) {
var uTHERROW = myTable.rows [i];
if (utherrow.cells [0] .innerText == No.Value) {
window.alert ("ตัวเลขอยู่แล้ว!");
กลับ;
-
-
// รับข้อมูลในแบบฟอร์ม
var newTableRow = myTable.insertrow (mytable.rows.length);
newTablerow.insertCell (0) .innerText = No.Value;
newTablerow.insertCell (1) .innerText = name1.Value;
newTablerow.insertCell (2) .innerText = ชื่อเล่น. value;
-
ฟังก์ชั่น test2 () {) {
mytable.deleterow (mytable.rows.length-);
-
-
</script>
</head>
<body>
<H1> การจัดอันดับฮีโร่ </h1>
<table id = "myTable" border = "1">
<tr> <td> การจัดอันดับ </td> <td> ชื่อ </td> <td> ชื่อเล่น </td> </tr>
<tr> <td> 1 </td> <td> เพลง Jiang </td> <td> ฝนตกตรงเวลา </td> </tr>
<tr> <td> 2 </td> <td> lu junyi </td> <td> yu qilin </td> </tr>
</table>
<H1> กรุณากรอกคนดีใหม่ </h1>
number <input id = "no" type = "text" value = ""> <br/> <br/>
ชื่อ <อินพุต id = "name1" type = "text" value = ""> <br/>
ชื่อเล่น <อินพุต id = "ชื่อเล่น" type = "text" value = ""> <br/>
<อินพุต id = "tianjia" type = "button" value = "เพิ่ม" onclick = "test1 ()">
<อินพุต type = "button" value = "ลบบรรทัดสุดท้ายของ" onclick = "test2 ()"/>/>
</body>
</html>