「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 のマークアップを取得したり設定したりします。
Element.innerHTMLについて
Element オブジェクトの innerHTML プロパティは、要素内の HTML または XML のマークアップを取得したり設定したりします。
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>
<!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>
<!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」が表示されます。