HTML DOM तालिका tHead गुण HTML दस्तावेज़ में तालिका के तत्व को लौटाता है।
निम्नलिखित वाक्य रचना है -
आइए HTML DOM तालिका tHead गुण का एक उदाहरण देखें -
“दिखाएं . पर क्लिक करें तालिका के शीर्षलेख को दिखाने के लिए बटन।
HTML DOM कैप्शनसाइड प्रॉपर्टी का उपयोग टेबल कैप्शन पोजीशन प्राप्त करने या सेट करने के लिए किया जाता है। टेबल कैप्शन केवल वर्टिकल पोजीशन यानी ऊपर और नीचे सेट होता है। − . के लिए वाक्य रचना निम्नलिखित है कैप्शन साइड प्रॉपर्टी सेट करना - object.style.captionSide = "top|bottom|initial|inherit&quo
HTML DOM नाम गुण किसी तत्व की विशेषता के नाम से संबंधित स्ट्रिंग देता है। निम्नलिखित वाक्य रचना है - रिटर्निंग स्ट्रिंग मान elementAttribute.name आइए एक उदाहरण देखें HTML DOM नाम संपत्ति - <!DOCTYPE html>
<html>
<head>
<title>HTML DOM name</title>
<style>
&nb
HTML DOM textContent प्रॉपर्टी नोड और उसके सभी चाइल्ड नोड्स के टेक्स्ट (व्हाट्सएप सहित) के अनुरूप स्ट्रिंग लौटाती/सेट करती है। निम्नलिखित वाक्य रचना है - रिटर्निंग स्ट्रिंग मान Node.textContent यहां, वापसी मूल्य निम्नलिखित हो सकता है - दस्तावेज़ नोड्स के लिए शून्य निर्दिष्ट नोड और उसके सभी चाइल् सिंटैक्स
object.tHead
उदाहरण
<!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 tHead Property 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>
<tfoot>
<tr>
<td colspan="2">Table Footer</td>
</tr>
</tfoot>
</table>
<button onclick="get()" class="btn">Show tHead</button>
<div class="show"></div>
<script>
function get() {
var tableHeader = document.querySelector('table').tHead;
document.querySelector(".show").innerHTML = tableHeader.innerHTML;
}
</script>
</body>
</html> आउटपुट
