【javascript】idとクラスを指定する方法

javascriptを使って指定したidとクラス名がついている要素を取得する方法を紹介していきます。

jsをはじめたばかりで一番最初に覚える内容だと思います。

idを指定する

idを指定する場合の書き方は下記になります。

<div id="txt">テキスト1</div>

var elem = document.getElementById('txt');
console.log(elem);

documentとすることでhtml全体から探すことができます。

またid名を入れることで指定した文字列に一致する要素をhtmlのなかから取得します。

変数elemのなかには下記の要素が入ります。

<div id="txt">テキスト1</div>

<div class="txt">テキスト1</div>

var elem = document.getElementsByClassName('txt');

こちらも上記と同じでクラス名を指定することでhtml全体から指定した文字列に一致する要素を取得することができます。

複数のクラスを指定するときは半角スペースを空けてクラス名を指定します。

var elem = document.getElementsByClassName('txt name');