見出し画像

【JavaScript】HTML要素を取得する方法

関野泰宏

HTML要素を取得する方法

innerHTMLプロパティは読み込みと書き込みの両方に対応しています。

まずはサンプルを！

サンプルプログラム

<html>
<head>
	<meta charset="utf-8">
</head>
<body>
    <div id = "myid">
        <p>Hello world!</p>
    </div>
    <script>
        var mydiv = document.getElementById("myid");
        
        console.log(mydiv.innerHTML);
  </script>
</body>
</html>

実行結果

<p>Hello world!</p>

上記コードでは、id属性値が「myid」というdivタグ内に含まれている要素をinnerHTMLを使って取得し、JavaScriptコンソールに出力。

divタグ内にはpタグも含まれているので出力結果はこのようになります。

プログラムダウンロード

もっとJavaScriptを学びたい人は！こちらの本がおすすめです

#JavaScript #JavaScript初心者 #JavaScript学習 #プログラミング #プログラミング学習 #プログラミング初心者

この記事が気に入ったらサポートをしてみませんか？