Table createTHead() ਮੱਥਦਾ ਹੈ:

HTML DOM Table ڈیوائس

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

createTHead() ਮੱਥਦਾ ਮੱਥਾ ਖਾਲੀ <thead> عنصر ਅਤੇ ਇਸ ਨੂੰ ਤਾਲਿਕਾ ਵਿੱਚ ਜੋੜੋ。

ਟਿੱਪਣੀ:ਜੇਕਰ ਤਾਲਿਕਾ ਵਿੱਚ <thead> ਐਲੀਮੈਂਟ ਪਹਿਲਾਂ ਹੈ ਤਾਂ createTHead() ਮੱਥਦਾ ਮੱਥਾ ਮੌਜੂਦਾ ਐਲੀਮੈਂਟ ਵਾਪਸ ਦਿੰਦਾ ਹੈ ਅਤੇ ਨਵਾਂ ਐਲੀਮੈਂਟ ਨਹੀਂ ਬਣਾਉਂਦਾ。

ਟਿੱਪਣੀ:<thead> ਐਲੀਮੈਂਟ ਦੇ ਅੰਦਰ ਇੱਕ ਜਾਂ ਵੱਧ ਤੋਂ ਵੱਧ <tr> ਟੈਗ ਹੋਣੇ ਚਾਹੀਦੇ ਹਨ。

ਸੁਝਾਅ:ਤਾਲਿਕਾ ਵਿੱਚ <thead> ਐਲੀਮੈਂਟ ਹਟਾਉਣ ਲਈ ਇਸ ਨੂੰ ਵਰਤੋ: deleteTHead() ਮੱਥਦਾ ਹੈ:。

ਇਹ ਵੀ ਦੇਖੋ:

HTML ਸਿਫਾਰਸ਼ ਕਿਤਾਬ:HTML <thead> تگ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਸ਼ੁਰੂ ਹੋਣ ਵਾਲਾ <thead> ਐਲੀਮੈਂਟ ਬਣਾਓ (ਅਤੇ ਉਸ ਵਿੱਚ <tr> ਅਤੇ <td> ਐਲੀਮੈਂਟ ਜੋੜੋ):

// id="myTable" ਦੇ <table> ਐਲੀਮੈਂਟ ਨੂੰ ਲੱਭੋ:
var table = document.getElementById("myTable");
// ਖਾਲੀ <thead> ਐਲੀਮੈਂਟ ਬਣਾਓ ਅਤੇ ਇਸ ਨੂੰ ਸਾਰੇ ਤਾਲਿਕਾ ਵਿੱਚ ਜੋੜੋ:
var header = table.createTHead();
// ਖਾਲੀ <tr> ਐਲੀਮੈਂਟ ਬਣਾਓ ਅਤੇ ਇਸ ਨੂੰ <thead> ਦੇ ਪਹਿਲੇ ਸਥਾਨ ਵਿੱਚ ਜੋੜੋ:
var row = header.insertRow(0);     
// "ਨਵੇਂ" <tr> ਐਲੀਮੈਂਟ ਦੇ ਪਹਿਲੇ ਸਥਾਨ ਵਿੱਚ ਇੱਕ ਨਵਾਂ ਸੈੱਲ ਜੋੜੋ (<td>):
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();
}

خود کا تجربہ کریئن

گرامر

تابل آوبجیکٹ.createTHead()

پارامتر

کچھ نہیں

تکنیکی تفصیلات

بائیکدھار: تاسکریب کیا گیا (یا موجود)<thead> عنصر。

بورسر سپورٹ

کروم ایج فائرفاکس سافری آپریا
کروم ایج فائرفاکس سافری آپریا
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

HTML DOM Table ڈیوائس