読者です 読者をやめる 読者になる 読者になる

ねっとぱんだ

webdesignとprogramingの勉強ブログ。

javascroptでDOMを指定する

Javascript

javascriptでDOMを指定する記述を勉強しました。

headerとbodyの指定

document.head

document.body

scriptをhead内に記述する場合(init 直訳:~の中に)

<body>タグの中に<body onload="init();">と入れる。
処理をfunction init(){ }の中に記述

id,name,class,tagの指定

id

変数=document.getElementById(idの値);

name

変数=document.getElementsByName(Nameの値);

class

変数=document.getElementsByClassName(classの値);

id

変数=document.getElementsByTagName('任意のタグ');
全て文字列(""''で囲む)で指定。

SelectorAPI

CSSセレクタと同じ記述で指定できる。

指定した値の最初の要素

変数=document.querySelector(文字列);

指定した値すべて

変数=document.querySelectorAll(文字列);

Nodelist

Node=DOMツリーに組み込まれている一つ一つの要素。

配列と似たような働き。