JavaScript

The innerText property in JavaScript is used to retrieve or modify only the text within an HTML element that is displayed to the user.

innerText [property]

　innerTextは、HTML要素内の見えるテキストだけを取得または設定するために使用されるプロパティです。このプロパティは、HTMLのタグやスタイルによって非表示になっているテキストは含まれず、ページ上で実際にユーザーに見えるテキストのみを対象とします。つまり、innerTextを利用すると、要素内の隠れたテキストや、スクリプトによって動的に変更されたテキストも正確に取得することができます。

Sample

　ボタンをクリックすることで特定のテキストを表示領域に設定するものです。

<button id="myButton">テキストを表示</button>
<div id="display">ここに表示する</div>
<script>
	<!-- JavaScript code here -->
</script>

document.getElementById('myButton').addEventListener('click', function() {
	const displayElement = document.getElementById('display');
	displayElement.innerText = 'これが表示されるテキストです。';
});

　このサンプルでは、ボタンをクリックすると display という ID を持つ div要素内にテキストが表示されます。ここでの innerTextの利用は、ユーザーが見ているその瞬間にページ上で見える形でテキストを更新するためのものです。また、このコードはシンプルながらも実際のウェブページでよく見られるパターンを示しており、JavaScriptを使用した基本的な DOM操作の良い例です。