Table createTHead() विधि

HTML DOM Table ऑब्जेक्ट

वर्णन और उपयोग

createTHead() विधि एक खाली <thead> एलीमेंट और इसे तालिका में जोड़ें।

टिप्पणी:यदि तालिका में पहले से ही <thead> एलेमेंट है तो createTHead() विधि मौजूदा एलेमेंट वापस करती है, नया एलेमेंट नहीं बनाती है।

टिप्पणी:<thead> एलेमेंट के अंदर एक या अधिक <tr> टैग होना चाहिए।

सलाह:तालिका से <thead> एलेमेंट मिटाने के लिए deleteTHead() विधि।

और देखें:

HTML संदर्भ मानचित्र:HTML <thead> टैग

उदाहरण

उदाहरण 1

थीम एलेमेंट बनाएं (और इसमें <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

थीम एलेमेंट बनाना और मिटाना:

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> एलीमेंट।

ब्राउज़र समर्थन

च्रोम एज फायरफॉक्स सैफारी ओपेरा
च्रोम एज फायरफॉक्स सैफारी ओपेरा
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट

HTML DOM Table ऑब्जेक्ट