HTML DOM হেড প্রপার্টি HTML
এলিমেন্টের সাথে যুক্ত। এটি উপাদান ফেরত দেওয়ার জন্য ব্যবহৃত হয়। যদি একাধিক প্রধান উপাদান থাকে তবে এটি প্রথম প্রধান উপাদানটি ফিরিয়ে দেবে। এটি একটি শুধুমাত্র পঠনযোগ্য সম্পত্তি৷৷ সিনট্যাক্স
হেড প্রোপার্টি -
-এর সিনট্যাক্স নিচে দেওয়া হল document.head
উদাহরণ
আসুন HTML DOM হেড প্রপার্টি -
-এর একটি উদাহরণ দেখি <!DOCTYPE html>
<html>
<head>
<title>My title</title>
</head>
<body>
<h1>head property example</h1>
<p>Get this document title by clicking on the below button</p>
<button onclick="getTitle()">Get Title</button>
<p id="Sample"></p>
<script>
function getTitle() {
var x = document.head.firstElementChild.innerHTML;
document.getElementById("Sample").innerHTML = "The title of this document is: "+x;
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
"শিরোনাম পান" বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা প্রথমে একটি
উপাদান তৈরি করেছি যার ভিতরে একটি উপাদান রয়েছে যা এই ওয়েব পৃষ্ঠার শিরোনামটি নির্দিষ্ট করে −</P> <pre><head>
<title>My title</title>
</head></pre> <p>
তারপরে আমরা একটি "শিরোনাম পান" বোতাম তৈরি করি যা ব্যবহারকারী দ্বারা ক্লিক করার পরে getTitle() পদ্ধতিটি কার্যকর করবে৷</P> <pre><button onclick="getTitle()">Get Title</button></pre> <p>
getTitle() পদ্ধতিটি হেড এলিমেন্ট পেতে ডকুমেন্ট হেড প্রোপার্টি ব্যবহার করে এবং firstElementChild প্রপার্টি তার প্রথম চাইল্ড এলিমেন্ট পেতে ব্যবহার করে যা আমাদের ক্ষেত্রে <title> এলিমেন্ট।</P> <p>
তারপরে আমরা শিরোনাম উপাদানটির ভিতরের এইচটিএমএল প্রপার্টি ব্যবহার করি এবং এর ভিতরের টেক্সট পেতে এবং এটির অভ্যন্তরীণ এইচটিএমএল বৈশিষ্ট্য ব্যবহার করে "নমুনা" আইডি সহ অনুচ্ছেদে এটি প্রদর্শন করি -</P> <pre>function getTitle() {
var x = document.head.firstElementChild.innerHTML;
document.getElementById("Sample").innerHTML = "The title of this document is: "+x;
}</pre> <br>
</article>
<div class="ad5">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4480737146802772" crossorigin="anonymous"></script><!-- computer.wsxdn --><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4480737146802772" data-ad-slot="4467655591" data-ad-format="auto" data-full-width-responsive="true"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
</div>
<section id="turn-page" class="t-over">
<div class="f-start f-align">
<i><img loading='lazy' src="https://bd.wsxdn.com/css/img/sanjiao.svg" alt=""></i>
<a class='LinkPrevArticle' href='https://bd.wsxdn.com/ge064y/hf651z/202203/1006064877.html' >HTML DOM হেডার অবজেক্ট </a>
</div>
<div class="f-start f-align">
<i><img loading='lazy' src="https://bd.wsxdn.com/css/img/sanjiao.svg" alt=""></i>
<a class='LinkNextArticle' href='https://bd.wsxdn.com/ge064y/hf651z/202203/1006064879.html' >HTML DOM হ্যাশচেঞ্জ ইভেন্ট </a>
</div>
</section>
</div>
<aside class="box-r">
<section class="box42">
<ol>
<li>
<a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064411.html" class="f-start">
<span></span>
<p class="r-over r-over-2" title="HTML DOM অ্যাক্সেসকি সম্পত্তি ">HTML DOM অ্যাক্সেসকি সম্পত্তি </p>
</a>
</li>
<li>
<a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064427.html" class="f-start">
<span></span>
<p class="r-over r-over-2" title="HTML DOM innerHTML প্রপার্টি ">HTML DOM innerHTML প্রপার্টি </p>
</a>
</li>
<li>
<a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064428.html" class="f-start">
<span></span>
<p class="r-over r-over-2" title="HTML DOM আইডি সম্পত্তি ">HTML DOM আইডি সম্পত্তি </p>
</a>
</li>
<li>
<a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064550.html" class="f-start">
<span></span>
<p class="r-over r-over-2" title="এইচটিএমএল ডোম পূর্ববর্তী এলিমেন্টসিবলিং প্রপার্টি ">এইচটিএমএল ডোম পূর্ববর্তী এলিমেন্টসিবলিং প্রপার্টি </p>
</a>
</li>
<li>
<a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064551.html" class="f-start">
<span></span>
<p class="r-over r-over-2" title="HTML DOM পূর্ববর্তী সহোদর সম্পত্তি ">HTML DOM পূর্ববর্তী সহোদর সম্পত্তি </p>
</a>
</li>
<li>
<a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064553.html" class="f-start">
<span></span>
<p class="r-over r-over-2" title="এইচটিএমএল ডম স্ক্রোলটপ সম্পত্তি ">এইচটিএমএল ডম স্ক্রোলটপ সম্পত্তি </p>
</a>
</li>
<li>
<a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064554.html" class="f-start">
<span></span>
<p class="r-over r-over-2" title="HTML DOM স্ক্রোল বাম সম্পত্তি ">HTML DOM স্ক্রোল বাম সম্পত্তি </p>
</a>
</li>
<li>
<a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064558.html" class="f-start">
<span></span>
<p class="r-over r-over-2" title="HTML DOM মালিক নথি সম্পত্তি ">HTML DOM মালিক নথি সম্পত্তি </p>
</a>
</li>
<li>
<a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064709.html" class="f-start">
<span></span>
<p class="r-over r-over-2" title="HTML DOM ইনপুট এনকোডিং প্রপার্টি ">HTML DOM ইনপুট এনকোডিং প্রপার্টি </p>
</a>
</li>
<li>
<a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064719.html" class="f-start">
<span></span>
<p class="r-over r-over-2" title="HTML DOM হল বিষয়বস্তু সম্পাদনাযোগ্য সম্পত্তি ">HTML DOM হল বিষয়বস্তু সম্পাদনাযোগ্য সম্পত্তি </p>
</a>
</li>
</ol>
</section>
</aside>
</section>
</section>
<section class="box13 content box44">
<ol class="f-between">
<li class="ibox">
<a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006065353.html" class="i-text">
<p class="r-over r-over-2">HTML DOM ওল স্টার্ট প্রপার্টি </p>
</a>
</li>
<li class="ibox">
<a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006065354.html" class="i-text">
<p class="r-over r-over-2">HTML DOM ওল বিপরীত সম্পত্তি </p>
</a>
</li>
<li class="ibox">
<a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006065365.html" class="i-text">
<p class="r-over r-over-2">HTML DOM শিরোনাম পাঠ্য সম্পত্তি </p>
</a>
</li>
<li class="ibox">
<a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006065366.html" class="i-text">
<p class="r-over r-over-2">HTML DOM শিরোনাম সম্পত্তি </p>
</a>
</li>
</ol>
</section>
<ul class="types box23 content f-start">
<li><a class='childclass' href='https://bd.wsxdn.com/ge064y/ca644u/' target="_self">C প্রোগ্রামিং</a></li>
<li><a class='childclass' href='https://bd.wsxdn.com/ge064y/mk645f/' target="_self">C++</a></li>
<li><a class='childclass' href='https://bd.wsxdn.com/ge064y/hf646z/' target="_self">Redis</a></li>
<li><a class='childclass' href='https://bd.wsxdn.com/ge064y/fd647x/' target="_self">BASH প্রোগ্রামিং</a></li>
<li><a class='childclass' href='https://bd.wsxdn.com/ge064y/db648w/' target="_self">Python</a></li>
<li><a class='childclass' href='https://bd.wsxdn.com/ge064y/vs649n/' target="_self">Java</a></li>
<li><a class='childclass' href='https://bd.wsxdn.com/ge064y/tr650l/' target="_self">তথ্যশালা</a></li>
<li><a class='childclass' href='https://bd.wsxdn.com/ge064y/hf651z/' target="_self">HTML</a></li>
<li><a class='childclass' href='https://bd.wsxdn.com/ge064y/mj652e/' target="_self">JavaScript</a></li>
<li><a class='childclass' href='https://bd.wsxdn.com/ge064y/ki653c/' target="_self">প্রোগ্রামিং</a></li>
<li><a class='childclass' href='https://bd.wsxdn.com/ge064y/bz654t/' target="_self">CSS</a></li>
<li><a class='childclass' href='https://bd.wsxdn.com/ge064y/zx655s/' target="_self">Ruby</a></li>
<li><a class='childclass' href='https://bd.wsxdn.com/ge064y/nl656f/' target="_self">SQL</a></li>
<li><a class='childclass' href='https://bd.wsxdn.com/ge064y/sq657k/' target="_self">IOS</a></li>
<li><a class='childclass' href='https://bd.wsxdn.com/ge064y/qo658j/' target="_self">Android</a></li>
<li><a class='childclass' href='https://bd.wsxdn.com/ge064y/vt659n/' target="_self">mongodb</a></li>
<li><a class='childclass' href='https://bd.wsxdn.com/ge064y/us660m/' target="_self">MySQL</a></li>
<li><a class='childclass' href='https://bd.wsxdn.com/ge064y/by661t/' target="_self">C#</a></li>
<li><a class='childclass' href='https://bd.wsxdn.com/ge064y/mk665e/' target="_self">PHP</a></li>
<li><a class='childclass' href='https://bd.wsxdn.com/ge064y/he671z/' target="_self">SQL সার্ভার</a></li>
</ul>
<footer>
<section class="msg f-center content">
<span class="f-start">
কপিরাইট ©
<a href="https://bd.wsxdn.com">https://bd.wsxdn.com</a>
সমস্ত অধিকার সংরক্ষিত
</span>
</section>
</footer>
</body>
</html>
