「JavaScript」textContentプロパティで要素のテキストを取得するサンプル
環境
Google Chrome 102.0.5005.63
書式
element.textContent
<div id="id名">文字列の内容</div>
document.getElementById(id名).textContent
textContentプロパティ を使用して、HTML文字列を含まないテキストを取得します。
使用例
<!DOCTYPE html>
<html>
<body>
<div id="txtshow">test data 12345</div>
<script>
// 要素への参照を取得する
var textMsg = document.getElementById('txtshow');
//コンソールにテキストを表示する
console.log(textMsg.textContent);
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<div id="txtshow">test data 12345</div>
<script>
// 要素への参照を取得する
var textMsg = document.getElementById('txtshow');
//コンソールにテキストを表示する
console.log(textMsg.textContent);
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<div id="txtshow">test data 12345</div>
<script>
// 要素への参照を取得する
var textMsg = document.getElementById('txtshow');
//コンソールにテキストを表示する
console.log(textMsg.textContent);
</script>
</body>
</html>
結果
コンソールに「test data 12345」と表示されます。