「JavaScript」DOM属性のinnerHTML プロパティを取得する
環境
Google Chrome 100.0.4896.88
Windows10 64bit
書式
var 変数名=document.getElementById(セレクタ名).innerHTML;
Document の getElementById() メソッドは、 id プロパティが指定された文字列に一致する要素を表す Element オブジェクトを返します。
Element.innerHTMLについて Element オブジェクトの innerHTML プロパティは、要素内の HTML または XML のマークアップを取得したり設定したりします。
使用例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p id="tt">Study skill</p>
<script>
var txt=document.getElementById("tt").innerHTML;
document.write(txt);
</script>
</body>
</html>
結果
「id="tt"」のタグ<p>要素のinnerHTMを取得し、画面に「Study skill」が表示されます。