مетод Table createTHead()

موضوع Table HTML DOM

تعریف و استفاده

createTHead() این روش یک عنصر <thead> و آن را به جدول اضافه کنید.

نکته:اگر در جدول عناصر <thead> موجودی وجود داشته باشد، createTHead() این روش عنصر موجود را بازمی‌گرداند، بدون ایجاد عنصر جدید.

نکته:عناصر <thead> باید یک یا چند برچسب <tr> داشته باشند.

توجه:برای حذف عناصر <thead> از جدول، از مетод deleteTHead()。

لطفاً به:

دستورالعمل HTML:برچسب <thead> HTML

مثال

مثال 1

عناصر <thead> ایجاد کنید (و عناصر <tr> و <td> در آن قرار دهید):

// عناصر <table> با id="myTable" را پیدا کنید:
var table = document.getElementById("myTable");
// عناصر <thead> خالی ایجاد کنید و آن را به درون جدول اضافه کنید:
var header = table.createTHead();
// عناصر <tr> خالی ایجاد کنید و آن را در اولین موقعیت <thead> قرار دهید:
var row = header.insertRow(0);     
// یک سلول جدید (<td>) در اولین موقعیت عناصر <tr> جدید قرار دهید:
var cell = row.insertCell(0);
// در سلول جدید متن قوی اضافه کنید:
cell.innerHTML = "<b>This is a table header</b>";

آزمایش کنید

مثال 2

创建和删除 <thead> عناصر:

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

آزمایش کنید

جملات

tableObject.createTHead()

پارامترها

بدون.

جزئیات فنی

مقدار بازگشتی: تازه ایجاد شده (یا موجود)عنصر <thead>。

پشتیبانی از مرورگر

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

موضوع Table HTML DOM