บทความที่เกี่ยวข้อง: innerhtml
วิธี HTML DOM InserTrow ()
คำจำกัดความและการใช้งาน
คำจำกัดความและการใช้งาน
วิธี InserTrow () ใช้เพื่อแทรกแถวใหม่ในตำแหน่งที่ระบุในตาราง
วิธี inserTrow () สามารถแทรกลงในแถวใหม่ที่ตำแหน่งที่ระบุในตาราง
ไวยากรณ์ไวยากรณ์
TableObject.insertrow (ดัชนี) // ดัชนีเพิ่มบรรทัดใหม่
-
ตัวอย่าง
<html>
<head>
<script type = text/javascript>
ฟังก์ชัน insrow ()
-
document.getElementById ('myTable'). inserTrow (0) // ค้นหาการควบคุมในเอกสาร
-
</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>
</table>
<form> // ใส่ตัวควบคุมในแบบฟอร์ม
<อินพุตประเภท = ปุ่ม onclick = insrow ()
value = แทรกแถวใหม่ก่อนแถวแรก> // ค่าคือสิ่งที่จะแสดงบนตัวควบคุม
</form>
</body>
</html>
ในเมธอด JS คุณสามารถกำหนดเนื้อหาแท็กโดยตรงด้วย id.innerhtml ของแท็กจับคู่โดยไม่ต้องประกาศตัวแปรในเมธอด JS
InnerHTML เป็นคุณลักษณะของแท็ก HTML แท็กส่วนใหญ่ที่ปรากฏเป็นคู่มีแอตทริบิวต์นี้ // แท็กแอตทริบิวต์นี้
เป็นอักขระระหว่างฉลากเริ่มต้นและฉลากสุดท้ายไม่รวมฉลากเอง
ตัวอย่างเช่น
<p id = pp> aaaaaaaaa <span id = ss> bbbbbbbb </span> </p>
ที่นี่แท็ก P และ span แท็กซ้อนกันอยู่ด้วยกัน
จากนั้นเนื้อหาของ pp.innerhtml คือ
aaaaaaaaaa <span id = ss> bbbbbbbb </span>
เนื้อหาของ ss.innerhtml คือ
BBBBBBBBBBBBBBBBB
-
คุณสมบัติที่คล้ายกันคือ outerhtml
จากนั้นเนื้อหาของ pp.outerhtml คือ
<p id = pp> aaaaaaaaa <span id = ss> bbbbbbbb </span> </p>
เนื้อหาของ ss.outerhtml คือ
<span id = ss> bbbbbbbb </span>