Hanyar Table insertRow()

HTML DOM Table ɗanɗin

Tafiyar da yin amfani da ita

insertRow() Hanyar a kama nauyi: <tr> tabbin da a yiwa a kan tabbin.

insertRow() Hanyar a kama a yiwa riko a kan wuri na tabbin a cikin tabbin.

Rarraba:<tr> tabbin za a kama a yiwa <th> ko <td> tabbin.

Tuntubar:Kama a yiwa: Hanyar deleteRow() Kai wa riko:

Kuma ya kamata:

Manufiyar HTML:HTML <tr> ɗanɗin

Shafin shirin

Tari 1

Yanta riko na nauyi a kan farkon tabbin (da a yiwa a kan nauyi <td> tabbin):

// Ci gaba da ba da id="myTable" <table> tabbin:
var table = document.getElementById("myTable");
// Kafa nauyi <tr> da a yiwa a kan farkon tabbin:
var row = table.insertRow(0);
// Yanta a kan iyali "new" <tr> na farkon da na biyu yanada nauyi hanyar <td>:
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
// Yanta a cikin hanyar nauyi bayanai:
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";

Jiya ci gaba

Tari 2

Kafa da kai wa riko:

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);
}

Jiya ci gaba

Yanayi

tableObject.insertRow(index)
Turbaci Ba da tasiri ba
index

A cikin Firefox da Opera ana bukar da ita, a IE, Chrome da Safari ana samu ita ne kuskure.

Kada, za aya za kuma a yiwa a kan yanada (daga 0 baya). Wurin 0 zai kama a yiwa a kan hanyar farko.

Iya za aza -1, za aya za kuma a yiwa a kan gaba.

如果省略此参数，则 insertRow() 在 Chrome、IE、Firefox 和 Opera 中的最后一个位置以及 Safari 中的第一个位置插入新行。

Ƙarancin

Yanar: Ƙaramin <tr> ɗanɗin

Hanyar ɗanɗin

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tukuru Tukuru Tukuru Tukuru Tukuru

HTML DOM Table ɗanɗin