HTML DOM Title textプロパティは、ドキュメントの
要素の値を設定/返します。</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='HTMLDOMタイトルテキストプロパティ ' src="/article/uploadfiles/202203/2022033116531801.jpg" /> </P> <p>
<strong>「ドキュメントのタイトルは何ですか？」</strong>をクリックした後 ボタン-</P> <p>
<img loading='lazy' alt='HTMLDOMタイトルテキストプロパティ ' src="/article/uploadfiles/202203/2022033116531831.jpg" /> </P> <br>
</div>
<div class="ad5"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4480737146802772" crossorigin="anonymous"></script> <!-- jp.wsxdn 2 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4480737146802772" data-ad-slot="2397329591" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> adsbygoogle = window.adsbygoogle || [].push{}; </script></div>
<div id="turn-page" class="f-between">
<div class="page up f-align">
<i class="prev"></i>
<a class='LinkPrevArticle' href='https://jp.wsxdn.com/pn014i/ay151t/1001065364.html' >HTMLDOMtouchcancelイベント </a>
</div>
<div class="page down f-align">
<a class='LinkNextArticle' href='https://jp.wsxdn.com/pn014i/ay151t/1001065366.html' >HTMLDOMタイトルプロパティ </a>
<i class="next"></i>
</div>
</div>
<section class="bottom-list">
<ol>
<li class="f-between">
<div>
<a href="https://jp.wsxdn.com/pn014i/ay151t/1001064948.html" class="t-over" title="HTMLDOM入力テキストパターンプロパティ ">
<span>HTMLDOM入力テキストパターンプロパティ </span>
</a>
<p class="r-over r-over-3">
HTML DOM入力テキストパターンプロパティは、入力テキストフィールドのパターン属性を設定または返すために使用されます。パターンプロパティで指定された正規表現に対してテキストをチェックします。 構文 以下は、-の構文です。 パターンプロパティの設定- textObject.pattern = regexp ここで、regexpは、テキストフィールドがチェックされる正規表現です。 例 テキストパターンプロパティの例を見てみましょう- <!DOCTYPE html>
<html>
<body>
<h1>Input Text pattern </p>
</div>
</li>
<li class="f-between">
<div>
<a href="https://jp.wsxdn.com/pn014i/ay151t/1001065366.html" class="t-over" title="HTMLDOMタイトルプロパティ ">
<span>HTMLDOMタイトルプロパティ </span>
</a>
<p class="r-over r-over-3">
HTML DOM titleプロパティは、HTML要素のtitle属性の値に対応する文字列を返す/設定します。 HTML要素にカーソルを合わせると、タイトルの値が表示されます。 以下は構文です- 文字列値を返す ElementOfHTMLObject.title タイトルを設定する 文字列値に ElementOfHTMLObject.title = string 例 HTMLDOMタイトルの例を見てみましょう プロパティ- <!DOCTYPE html>
<html>
<head>
<title>HTML DOM title</ti </p>
</div>
</li>
</ol>
</section>
</article>
<aside class="box1-r box4-r">
<section class="small-nav">
<ul class="f-between">
<li><a class='childclass' href='https://jp.wsxdn.com/pn014i/gd144y/' target="_self">Cプログラミング</a></li>
<li><a class='childclass' href='https://jp.wsxdn.com/pn014i/qo145i/' target="_self">C ++</a></li>
<li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jh146b/' target="_self">Redis</a></li>
<li><a class='childclass' href='https://jp.wsxdn.com/pn014i/hf147z/' target="_self">BASHプログラミング</a></li>
<li><a class='childclass' href='https://jp.wsxdn.com/pn014i/mk148e/' target="_self">Python</a></li>
<li><a class='childclass' href='https://jp.wsxdn.com/pn014i/lj149d/' target="_self">Java</a></li>
<li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ay150s/' target="_self">データベース</a></li>
<li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ay151t/' target="_self">HTML</a></li>
<li><a class='childclass' href='https://jp.wsxdn.com/pn014i/pn152h/' target="_self">Javascript</a></li>
<li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jh153b/' target="_self">プログラミング</a></li>
<li><a class='childclass' href='https://jp.wsxdn.com/pn014i/if154a/' target="_self">CSS</a></li>
<li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ig155a/' target="_self">Ruby</a></li>
<li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jg156b/' target="_self">SQL</a></li>
<li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ig157b/' target="_self">IOS</a></li>
<li><a class='childclass' href='https://jp.wsxdn.com/pn014i/wu158p/' target="_self">Android</a></li>
<li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ge159z/' target="_self">MongoDB</a></li>
<li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jh160b/' target="_self">MySQL</a></li>
<li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ec161w/' target="_self">C＃</a></li>
<li><a class='childclass' href='https://jp.wsxdn.com/pn014i/gd165y/' target="_self">PHP</a></li>
<li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ig171a/' target="_self">SQL Server</a></li>
</ul>
</section>
<div class="box1-r-list">
<div>
<i></i>
<span>HTML</span>
</div>
<ol>
<li class="f-start">
<em></em>
<a href="https://jp.wsxdn.com/pn014i/ay151t/1001064426.html" class="r-over r-over-2" title="HTMLDOMinnerTextプロパティ ">HTMLDOMinnerTextプロパティ </a>
</li>
<li class="f-start">
<em></em>
<a href="https://jp.wsxdn.com/pn014i/ay151t/1001064451.html" class="r-over r-over-2" title="HTMLDOMオプションのテキストプロパティ ">HTMLDOMオプションのテキストプロパティ </a>
</li>
<li class="f-start">
<em></em>
<a href="https://jp.wsxdn.com/pn014i/ay151t/1001064583.html" class="r-over r-over-2" title="HTMLDOMスタイルのtextOverflowプロパティ ">HTMLDOMスタイルのtextOverflowプロパティ </a>
</li>
<li class="f-start">
<em></em>
<a href="https://jp.wsxdn.com/pn014i/ay151t/1001064584.html" class="r-over r-over-2" title="HTMLDOMスタイルのtextIndentプロパティ ">HTMLDOMスタイルのtextIndentプロパティ </a>
</li>
<li class="f-start">
<em></em>
<a href="https://jp.wsxdn.com/pn014i/ay151t/1001064586.html" class="r-over r-over-2" title="HTMLDOMスタイルのtextDecorationLineプロパティ ">HTMLDOMスタイルのtextDecorationLineプロパティ </a>
</li>
<li class="f-start">
<em></em>
<a href="https://jp.wsxdn.com/pn014i/ay151t/1001064588.html" class="r-over r-over-2" title="HTMLDOMスタイルのtextDecorationプロパティ ">HTMLDOMスタイルのtextDecorationプロパティ </a>
</li>
<li class="f-start">
<em></em>
<a href="https://jp.wsxdn.com/pn014i/ay151t/1001064649.html" class="r-over r-over-2" title="HTMLDOMスタイルのwhiteSpaceプロパティ ">HTMLDOMスタイルのwhiteSpaceプロパティ </a>
</li>
<li class="f-start">
<em></em>
<a href="https://jp.wsxdn.com/pn014i/ay151t/1001064652.html" class="r-over r-over-2" title="HTMLDOMスタイルのuserSelectプロパティ ">HTMLDOMスタイルのuserSelectプロパティ </a>
</li>
<li class="f-start">
<em></em>
<a href="https://jp.wsxdn.com/pn014i/ay151t/1001064653.html" class="r-over r-over-2" title="HTMLDOM入力テキスト値プロパティ ">HTMLDOM入力テキスト値プロパティ </a>
</li>
<li class="f-start">
<em></em>
<a href="https://jp.wsxdn.com/pn014i/ay151t/1001064654.html" class="r-over r-over-2" title="HTMLDOM入力テキストタイププロパティ ">HTMLDOM入力テキストタイププロパティ </a>
</li>
</ol>
</div>
</aside>
</section>
<footer>
<section>
<span class="container f-center">
著作権 ©
<a href="https://jp.wsxdn.com">https://jp.wsxdn.com</a>
全著作権所有
</span>
</section>
</footer>
</body>
</html> 