Table Object Methods

var table = document.getElementById("myTable").createCaption();
table.innerHTML = "<b>My table caption</b>";

‎توجه ـ اگر درجدول عنصر‎<caption>‎ وجود داشته باشد، متد فوق عنصر ديگري اضافه ‎نميكندو وجود آن را اعلام ميكند .در جدول بيش از يك عنصر عنوان مجاز نيست.

‎نكته ـ براي حذف عنصر عنوان از جدول از متد‎deleteCaption()‎ استفاده ميشود .

function myCreateFunction() {
  var table = document.getElementById("myTable").createCaption();
  table.innerHTML = "<b>My table caption</b>";
}

function myDeleteFunction() {
  document.getElementById("myTable").deleteCaption();
}

// Find a <table> element with id="myTable":
var table = document.getElementById("myTable");

// Create an empty <tfoot> element and add it to the table:
var footer = table.createTFoot();

// Create an empty <tr> element and add it to the first position of <tfoot>:
var row = footer.insertRow(0);     

// Insert a new cell (<td>) at the first position of the "new" <tr> element:
var cell = row.insertCell(0);

// Add some bold text in the new cell:
cell.innerHTML = "<b>This is a table footer</b>";

‎توجه ـ اگر درجدول عنصر‎<tfoot>‎ وجود داشته باشد، متد فوق عنصر ديگري اضافه ‎نميكندو وجود آن را اعلام ميكند .در جدول بيش از يك عنصر فوتر مجاز نيست.

‎نكته ـ عنصر‎<tfoot()‎بايد يك ياچند عنصر ‎<tr>‎ داشته باشد .

function myCreateFunction() {
  var table = document.getElementById("myTable");
  var footer = table.createTFoot();
  var row = footer.insertRow(0);
  var cell = row.insertCell(0);
  cell.innerHTML = "<b>This is a table footer</b>";
}

function myDeleteFunction() {
  document.getElementById("myTable").deleteTFoot();
}

// Find a <table> element with id="myTable":
var table = document.getElementById("myTable");

// Create an empty <thead> element and add it to the table:
var header = table.createTHead();

// Create an empty <tr> element and add it to the first position of <thead>:
var row = header.insertRow(0);    

// Insert a new cell (<td>) at the first position of the "new" <tr> element:
var cell = row.insertCell(0);

// Add some bold text in the new cell:
cell.innerHTML = "<b>This is a table header</b>";

‎توجه ـ اگر درجدول عنصر‎<thead>‎ وجود داشته باشد، متد فوق عنصر ديگري اضافه ‎نميكندو وجود آن را اعلام ميكند .در جدول بيش از يك عنصر هدر مجاز نيست.

‎نكته ـ عنصر‎<thead()‎بايد يك ياچند عنصر‎<tr>‎ داشته باشد.

function myCreateFunction() {
  var table = document.getElementById("myTable");
  var header = table.createTHead();
  var row = header.insertRow(0);
  var cell = row.insertCell(0);
  cell.innerHTML = "<b>This is a table header</b>";
}

function myDeleteFunction() {
  document.getElementById("myTable").deleteTHead();
}

document.getElementById("myTable").deleteCaption();

document.getElementById("myTable").deleteRow(0);

function deleteRow(r) {
  var i = r.parentNode.parentNode.rowIndex;
  document.getElementById("myTable").deleteRow(i);
}

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

document.getElementById("myTable").deleteTFoot();

document.getElementById("myTable").deleteTHead();

// Find a <table> element with id="myTable":
var table = document.getElementById("myTable");

// Create an empty <tr> element and add it to the 1st position of the table:
var row = table.insertRow(0);

// Insert new cells (<td> elements) at the 1st and 2nd position of the "new" <tr> element:
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);

// Add some text to the new cells:
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";

‎توجه ـ يك عنصر‎<tr>‎ شامل يك يا چند سلول‎<td> , <th>‎ ميباشد .

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