HTML এ HTML DOM টাইটেল অবজেক্ট
উপাদান</P> প্রতিনিধিত্ব করে <p>
একটি <strong> <title></strong> তৈরি করা হচ্ছে উপাদান</P> <pre>var titleObject = document.createElement(“TITLE”)</pre> <p>
এখানে, “<strong>titleObject”</strong> নিম্নলিখিত বৈশিষ্ট্য থাকতে পারে -</P> <table><thead><tr valign="TOP"><th>সম্পত্তি <br> </th> <th>বর্ণনা <br> </th> </tr> </thead> <tbody><tr valign="TOP"><td width="200">পাঠ্য৷ <br> </td> <td width="371">ডকুমেন্টের <title> উপাদানের মান এটিসেট/ফেরত করে <br> </td> </tr> </tbody> </table> <p>
আসুন<strong>শিরোনাম পাঠ্যের</strong> উদাহরণ দেখি সম্পত্তি -</P> <h2>উদাহরণ</h2> <pre><!DOCTYPE html>
<html>
<head>
<title id="titleSelect">HTML DOM Title text</title>
<style>
form {
width:70%;
margin: 0 auto;
text-align: center;
}
* {
padding: 2px;
margin:5px;
}
input[type="button"] {
border-radius: 10px;
}
</style>
</head>
<body>
<form>
<fieldset>
<legend id="legendSelect"></legend>
<input type="button" onclick="getTitleText()" value="What's the title of document?">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var legendSelect = document.getElementById("legendSelect");
var titleSelect = document.getElementById("titleSelect");
function getTitleText() {
divDisplay.textContent = 'Title of document: '+titleSelect.text;
legendSelect.textContent = titleSelect.text.split(' ').join('-');
}
</script>
</body>
</html></pre> <h2>আউটপুট</h2> <p>
<strong>'ডকুমেন্টের শিরোনাম কী?'</strong> ক্লিক করার আগে৷ বোতাম -</P> <p>
<img loading='lazy' alt='HTML DOM শিরোনাম অবজেক্ট ' src="/article/uploadfiles/202203/2022033116532137.jpg" /></P> <p>
<strong>'ডকুমেন্টের শিরোনাম কী?'</strong> ক্লিক করার পরে৷ বোতাম -</P> <p>
<img loading='lazy' alt='HTML DOM শিরোনাম অবজেক্ট ' src="/article/uploadfiles/202203/2022033116532123.jpg" /></P> <br>
</article>
<div class="ad5">
<script language='javascript' src='https://bd.wsxdn.com/css/ad/bd2.js'></script>
</div>
<section id="turn-page" class="t-over">
<div class="f-start f-align">
<i><img src="https://bd.wsxdn.com/css/img/sanjiao.svg" alt=""></i>
<a class='LinkPrevArticle' href='https://bd.wsxdn.com/ge064y/hf651z/202203/1006065366.html' >HTML DOM শিরোনাম সম্পত্তি </a>
</div>
<div class="f-start f-align">
<i><img src="https://bd.wsxdn.com/css/img/sanjiao.svg" alt=""></i>
<a class='LinkNextArticle' href='https://bd.wsxdn.com/ge064y/hf651z/202203/1006065368.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/1006064435.html" class="f-start">
<span></span>
<p class="r-over r-over-2" title="HTML DOM HTML অবজেক্ট ">HTML DOM HTML অবজেক্ট </p>
</a>
</li>
<li>
<a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064541.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/1006064542.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/1006064643.html" class="f-start">
<span></span>
<p class="r-over r-over-2" title="HTML DOM S অবজেক্ট ">HTML DOM S অবজেক্ট </p>
</a>
</li>
<li>
<a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064661.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/1006064733.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/1006064748.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/1006064773.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/1006064801.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/1006064813.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/1006064995.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/1006065091.html" class="i-text">
<p class="r-over r-over-2">HTML DOM Textarea অবজেক্ট </p>
</a>
</li>
<li class="ibox">
<a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006065239.html" class="i-text">
<p class="r-over r-over-2">HTML DOM HR অবজেক্ট </p>
</a>
</li>
<li class="ibox">
<a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006065382.html" class="i-text">
<p class="r-over r-over-2">HTML DOM Ul অবজেক্ট </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>
