Table insertRow() method

HTML DOM Table Obheto

Paglalarawan at Paggamit

insertRow() Ang method ay naglikha ng walang laman na Elementong <tr> at idagdag sa talahanayan.

insertRow() Ang method ay nagpapasok ng bagong linya sa tinutukoy na index ng talahanayan.

Pansin:Ang elemento <tr> ay dapat mayroon ang <th> o <td> element.

Tipan:Gumamit ng: deleteRow() method Tanggalin ang isang linya.

Mga iba pang taglilinaw:

HTML Taglilinaw:HTML <tr> Tag

Eskwelahan

Talaksan 1

Magdagdag ng bagong linya sa kauna-unahang posisyon ng talahanayan (at idagdag ang may nilalaman na <td> element):

// Hanapin ang elemento <table> na may id "myTable":
var table = document.getElementById("myTable");
// maglikha ng walang laman na <tr> at idagdag sa unang posisyon ng talahanayan:
var row = table.insertRow(0);
// magdagdag ng bagong cell (elementong <td>) sa unang at ikalawang posisyon ng "bagong" <tr> (elementong <tr>):
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
// Magdagdag ng teksto sa bagong cell:
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";

Subukan ang sarili

Talaksan 2

Paglikha at pagtanggal ng linya:

function myCreateFunction() {
  var table = document.getElementById("myTable");
  var row = table.insertRow(0);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);
  cell1.innerHTML = "NEW CELL1";
  cell2.innerHTML = "NEW CELL2";
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteRow(0);
}

Subukan ang sarili

paalatuntunin

tableObject.insertRow(index)
parameter paglalarawan
index

Ito ay kinakailangan sa Firefox at Opera, at opsyonal sa IE, Chrome at Safari.

Bilang, nangangahulugang saan ipapasok ang bagong linya (mula sa 0). Ang halaga 0 ay magiging dahilan para ipasok ang bagong linya sa unang posisyon.

Maaaring gamitin ang halaga ng -1, na magiging dahilan para ipasok ang bagong linya sa huling posisyon.

Kung pinagwalang-alaman ang parametro na ito, ang insertRow() ay maglalagay ng bagong linya sa huling posisyon sa Chrome, IE, Firefox at Opera, at sa unang posisyon sa Safari.

Detalye ng Teknolohiya

Halimbawa ng Bunga: Insert na <tr> Element.

Browser Support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

HTML DOM Table Obheto