HTML DOM तालिका deleteTHead() विधि HTML दस्तावेज़ में तालिका से तत्व को हटाती है।
निम्नलिखित वाक्य रचना है -
आइए HTML DOM टेबल डिलीटहेड () मेथड का एक उदाहरण देखें -
"हैडर हटाएं . पर क्लिक करें तालिका से शीर्षलेख हटाने के लिए बटन।
HTML DOM तालिका createTHead () विधि एक खाली तत्व उत्पन्न करती है और इसे HTML दस्तावेज़ में तालिका में जोड़ती है। सिंटैक्स निम्नलिखित वाक्य रचना है - object.createTHead() आइए HTML DOM तालिका createTHead() विधि का एक उदाहरण देखें - उदाहरण <!DOCTYPE html>
<html>
<style>
&nbs
HTML DOM तालिका createTFoot () विधि एक खाली तत्व उत्पन्न करती है और इसे HTML दस्तावेज़ में तालिका में जोड़ती है। सिंटैक्स निम्नलिखित वाक्य रचना है - object.createTFoot() आइए HTML DOM टेबल createTFoot() मेथड का एक उदाहरण देखें - उदाहरण <!DOCTYPE html>
<html>
<style>
HTML DOM तालिका createCaption() विधि एक खाली तत्व उत्पन्न करती है और इसे HTML दस्तावेज़ में तालिका में जोड़ती है। सिंटैक्स निम्नलिखित वाक्य रचना है - object.createCaption() आइए HTML DOM तालिका createCaption() विधि का एक उदाहरण देखें - उदाहरण <!DOCTYPE html>
<html>
<style>
सिंटैक्स
object.deleteTHead()
उदाहरण
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
background: lightblue;
height: 100vh;
text-align: center;
}
table {
margin: 2rem auto;
}
caption {
color: #db133a;
}
.btn {
background: #db133a;
border: none;
height: 2rem;
border-radius: 2px;
width: 40%;
display: block;
color: #fff;
outline: none;
cursor: pointer;
margin: 1rem auto;
}
.show {
font-size: 1.2rem;
}
</style>
<body>
<h1>DOM Table deleteTHead() Method Demo</h1>
<table border="2">
<thead>
<tr>
<th>Name</th>
<th>Roll No.</th>
</tr>
<thead>
<tbody>
<tr>
<td>John</td>
<td>071717</td>
</tr>
<tr>
<td>Jane</td>
<td>031717</td>
</tr>
</tbody>
</table>
<button onclick="remove()" class="btn">Remove Header</button>
<script>
function remove() {
var tableFooter = document.querySelector('table').deleteTHead();
}
</script>
</body>
</html> आउटपुट
