คุณสมบัติข้อความ HTML DOM Title ตั้งค่า/ส่งคืนค่าขององค์ประกอบ
ของเอกสาร</P> <p>
ต่อไปนี้เป็นไวยากรณ์ -</P> <p>
ส่งกลับค่าสตริง</P> <pre>titleElementObject.text</pre> <p>
ตั้งค่า <strong>ข้อความ</strong> เป็นค่าสตริง</P> <pre>titleElementObject.text = string</pre> <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/2022033116531801.jpg" /></P> <p>
หลังจากคลิก <strong>'ชื่อเอกสารคืออะไร'</strong> ปุ่ม −</P> <p>
<img loading='lazy' alt='คุณสมบัติข้อความ HTML DOM ชื่อเรื่อง ' src="/article/uploadfiles/202203/2022033116531831.jpg" /></P> <br>
</article>
<div class="ad ad5">
<script language='javascript' src='https://th.wsxdn.com/css/ad/th2.js'></script>
</div>
<section id="turn-page" class="t-over">
<div class="f-start f-align">
<i><img src="https://th.wsxdn.com/css/img/sanjiao.svg" alt=""></i>
<a class='LinkPrevArticle' href='https://th.wsxdn.com/db044w/zx451s/1004065364.html' >HTML DOM touchcancel เหตุการณ์ </a>
</div>
<div class="f-start f-align">
<i><img src="https://th.wsxdn.com/css/img/sanjiao.svg" alt=""></i>
<a class='LinkNextArticle' href='https://th.wsxdn.com/db044w/zx451s/1004065366.html' >คุณสมบัติ HTML DOM ชื่อเรื่อง </a>
</div>
</section>
<section class="box1-3">
<ol class="f-between">
<li class="aList-2 aList f-between f-align">
<div>
<a href="https://th.wsxdn.com/db044w/zx451s/1004064946.html" class="title">
<p class="r-over r-over-2" title="HTML DOM อินพุตข้อความ คุณสมบัติอ่านอย่างเดียว ">
HTML DOM อินพุตข้อความ คุณสมบัติอ่านอย่างเดียว </p>
</a>
</div>
</li><li class="aList-2 aList f-between f-align">
<div>
<a href="https://th.wsxdn.com/db044w/zx451s/1004064947.html" class="title">
<p class="r-over r-over-2" title="คุณสมบัติตัวยึดตำแหน่งข้อความอินพุต HTML DOM ">
คุณสมบัติตัวยึดตำแหน่งข้อความอินพุต HTML DOM </p>
</a>
</div>
</li><li class="aList-2 aList f-between f-align">
<div>
<a href="https://th.wsxdn.com/db044w/zx451s/1004064948.html" class="title">
<p class="r-over r-over-2" title="คุณสมบัติรูปแบบข้อความอินพุต HTML DOM ">
คุณสมบัติรูปแบบข้อความอินพุต HTML DOM </p>
</a>
</div>
</li><li class="aList-2 aList f-between f-align">
<div>
<a href="https://th.wsxdn.com/db044w/zx451s/1004065366.html" class="title">
<p class="r-over r-over-2" title="คุณสมบัติ HTML DOM ชื่อเรื่อง ">
คุณสมบัติ HTML DOM ชื่อเรื่อง </p>
</a>
</div>
</li>
</ol>
</section>
</section>
<aside class="box-r">
<section class="box4-1">
<strong>
HTML
</strong>
<ol>
<li class="f-start">
<i>
<img src="https://th.wsxdn.com/css/img/article-lan.svg" alt="">
</i>
<a href="https://th.wsxdn.com/db044w/zx451s/1004064426.html" title="คุณสมบัติ HTML DOM innerText ">
<p class="r-over r-over-2">คุณสมบัติ HTML DOM innerText </p>
</a>
</li>
<li class="f-start">
<i>
<img src="https://th.wsxdn.com/css/img/article-lan.svg" alt="">
</i>
<a href="https://th.wsxdn.com/db044w/zx451s/1004064451.html" title="คุณสมบัติข้อความตัวเลือก HTML DOM ">
<p class="r-over r-over-2">คุณสมบัติข้อความตัวเลือก HTML DOM </p>
</a>
</li>
<li class="f-start">
<i>
<img src="https://th.wsxdn.com/css/img/article-lan.svg" alt="">
</i>
<a href="https://th.wsxdn.com/db044w/zx451s/1004064583.html" title="HTML DOM สไตล์ textOverflow คุณสมบัติ ">
<p class="r-over r-over-2">HTML DOM สไตล์ textOverflow คุณสมบัติ </p>
</a>
</li>
<li class="f-start">
<i>
<img src="https://th.wsxdn.com/css/img/article-lan.svg" alt="">
</i>
<a href="https://th.wsxdn.com/db044w/zx451s/1004064584.html" title="HTML DOM สไตล์ textIndent คุณสมบัติ ">
<p class="r-over r-over-2">HTML DOM สไตล์ textIndent คุณสมบัติ </p>
</a>
</li>
<li class="f-start">
<i>
<img src="https://th.wsxdn.com/css/img/article-lan.svg" alt="">
</i>
<a href="https://th.wsxdn.com/db044w/zx451s/1004064586.html" title="HTML DOM สไตล์ textDecorationLine คุณสมบัติ ">
<p class="r-over r-over-2">HTML DOM สไตล์ textDecorationLine คุณสมบัติ </p>
</a>
</li>
</ol>
</section>
<ul>
<li class="f-start f-align">
<a href="https://th.wsxdn.com/db044w/zx451s/1004064911.html" class="i-text"><p class="r-over r-over-3">คุณสมบัติเติมข้อความอัตโนมัติของแบบฟอร์ม HTML DOM </p></a>
</li>
<li class="f-start f-align">
<a href="https://th.wsxdn.com/db044w/zx451s/1004064933.html" class="i-text"><p class="r-over r-over-3">ข้อความอินพุต HTML DOM ปิดใช้งานคุณสมบัติ </p></a>
</li>
<li class="f-start f-align">
<a href="https://th.wsxdn.com/db044w/zx451s/1004064935.html" class="i-text"><p class="r-over r-over-3">คุณสมบัติการโฟกัสอัตโนมัติของข้อความอินพุต HTML DOM </p></a>
</li>
<li class="f-start f-align">
<a href="https://th.wsxdn.com/db044w/zx451s/1004064936.html" class="i-text"><p class="r-over r-over-3">คุณสมบัติการเติมข้อความอัตโนมัติของ HTML DOM </p></a>
</li>
<li class="f-start f-align">
<a href="https://th.wsxdn.com/db044w/zx451s/1004064945.html" class="i-text"><p class="r-over r-over-3">HTML DOM Input Text คุณสมบัติที่ต้องการ </p></a>
</li>
</ul>
<ul class="types f-between">
<li><a class='childclass' href='https://th.wsxdn.com/db044w/hf444z/' target="_self">การเขียนโปรแกรม C</a></li>
<li><a class='childclass' href='https://th.wsxdn.com/db044w/bz445u/' target="_self">C++</a></li>
<li><a class='childclass' href='https://th.wsxdn.com/db044w/tr446l/' target="_self">Redis</a></li>
<li><a class='childclass' href='https://th.wsxdn.com/db044w/rp447j/' target="_self">การเขียนโปรแกรม BASH</a></li>
<li><a class='childclass' href='https://th.wsxdn.com/db044w/wu448o/' target="_self">Python</a></li>
<li><a class='childclass' href='https://th.wsxdn.com/db044w/nl449f/' target="_self">Java</a></li>
<li><a class='childclass' href='https://th.wsxdn.com/db044w/ig450a/' target="_self">ฐานข้อมูล</a></li>
<li><a class='childclass' href='https://th.wsxdn.com/db044w/zx451s/' target="_self">HTML</a></li>
<li><a class='childclass' href='https://th.wsxdn.com/db044w/ec452w/' target="_self">Javascript</a></li>
<li><a class='childclass' href='https://th.wsxdn.com/db044w/db453v/' target="_self">การเขียนโปรแกรม</a></li>
<li><a class='childclass' href='https://th.wsxdn.com/db044w/if454a/' target="_self">CSS</a></li>
<li><a class='childclass' href='https://th.wsxdn.com/db044w/ge455y/' target="_self">Ruby</a></li>
<li><a class='childclass' href='https://th.wsxdn.com/db044w/xv456p/' target="_self">SQL</a></li>
<li><a class='childclass' href='https://th.wsxdn.com/db044w/jh457b/' target="_self">IOS</a></li>
<li><a class='childclass' href='https://th.wsxdn.com/db044w/om458g/' target="_self">Android</a></li>
<li><a class='childclass' href='https://th.wsxdn.com/db044w/mk459f/' target="_self">MongoDB</a></li>
<li><a class='childclass' href='https://th.wsxdn.com/db044w/rp460j/' target="_self">MySQL</a></li>
<li><a class='childclass' href='https://th.wsxdn.com/db044w/qn461i/' target="_self">C#</a></li>
<li><a class='childclass' href='https://th.wsxdn.com/db044w/jh465b/' target="_self">PHP</a></li>
<li><a class='childclass' href='https://th.wsxdn.com/db044w/kh471c/' target="_self">SQL Server</a></li>
</ul>
</aside>
</section>
<footer>
<section class="msg f-center container">
<span class="f-start">
ลิขสิทธิ์ ©
<a href="https://th.wsxdn.com">https://th.wsxdn.com</a>
สงวนลิขสิทธิ์
</span>
</section>
</footer>
</body>
</html>
