見出し画像

【JavaScript】DOM操作 idでデータを取得【プログラミング言語】

関野泰宏

DOMとはなにか？

Document Object Modelの略語になります。
HTMLやXML、JSONなどのデータのプログラミング言語へのアクセス、データ取得、変更ができます。

まずは、idを指定して取得する方法

getElementByid("[id名]");

サンプルプログラム

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
    <title>DOM操作でidを取得
    </title>
</head>
<body>
    <div id="getData">
        中身を取得します。
    </div> 
</body>
    <script>
        const element = document.getElementById("getData");
        console.log(element.innerText);
    </script>
</html>

実行結果

getElementByIdにてidのデータを取得し、innerText部分で内部のテキスト文字を取得する事が可能です。

コンソールログで表示されます。

中身を取得します。

サンプルデータを動かすことによりわかりますので、行ってください。

サンプルダウンロード



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


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

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