HTMLのHTMLDOMTitle Objectは、
要素を表します。</P> <p>
<strong><タイトル></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"> <tdwidth="200">テキスト <br> </td> <tdwidth="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='HTMLDOMタイトルオブジェクト ' src="/article/uploadfiles/202203/2022033116532137.jpg" /> </P> <p>
<strong>「ドキュメントのタイトルは何ですか？」</strong>をクリックした後 ボタン-</P> <p>
<img loading='lazy' alt='HTMLDOMタイトルオブジェクト ' src="/article/uploadfiles/202203/2022033116532123.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/1001065366.html' >HTMLDOMタイトルプロパティ </a>
</div>
<div class="page down f-align">
<a class='LinkNextArticle' href='https://jp.wsxdn.com/pn014i/ay151t/1001065368.html' >HTMLDOMtimeStampイベントプロパティ </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/1001065239.html" class="t-over" title="HTMLDOMHRオブジェクト ">
<span>HTMLDOMHRオブジェクト </span>
</a>
<p class="r-over r-over-3">
HTML DOM HRオブジェクトは、HTMLドキュメントの要素を表します。 hrオブジェクトを作成- 構文 以下は構文です- document.createElement(“HR”); hrオブジェクトの例を見てみましょう- 例 <!DOCTYPE html>
<html>
<style>
body {
text-align: center;
background-color: #fff;
</p>
</div>
</li>
<li class="f-between">
<div>
<a href="https://jp.wsxdn.com/pn014i/ay151t/1001065382.html" class="t-over" title="HTMLDOMUlオブジェクト ">
<span>HTMLDOMUlオブジェクト </span>
</a>
<p class="r-over r-over-3">
HTMLのHTMLDOMUlオブジェクトは、 を表します 要素。 を作成する 要素 var ulObject = document.createElement(“UL”) ここでは、「ulObject」 次のプロパティを持つことができますが、 HTML5ではサポートされていません − プロパティ 説明 コンパクト 順不同リストを通常より小さく表示するかどうかを設定/返します タイプ 順序付けされていないリストのtype属性の値を設定/返します 順不同リストの例を見てみましょう 要素- 例 <!DOCTYPE </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/1001064435.html" class="r-over r-over-2" title="HTMLDOMHTMLオブジェクト ">HTMLDOMHTMLオブジェクト </a>
</li>
<li class="f-start">
<em></em>
<a href="https://jp.wsxdn.com/pn014i/ay151t/1001064541.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/1001064542.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/1001064643.html" class="r-over r-over-2" title="HTMLDOMSオブジェクト ">HTMLDOMSオブジェクト </a>
</li>
<li class="f-start">
<em></em>
<a href="https://jp.wsxdn.com/pn014i/ay151t/1001064661.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/1001064733.html" class="r-over r-over-2" title="HTMLDOMliオブジェクト ">HTMLDOMliオブジェクト </a>
</li>
<li class="f-start">
<em></em>
<a href="https://jp.wsxdn.com/pn014i/ay151t/1001064748.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/1001064773.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/1001064801.html" class="r-over r-over-2" title="HTMLDOMBodyオブジェクト ">HTMLDOMBodyオブジェクト </a>
</li>
<li class="f-start">
<em></em>
<a href="https://jp.wsxdn.com/pn014i/ay151t/1001064813.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> 