【IT支援部】JavaScriptのDOM系関数

すぐ忘れるというか微妙に書き間違える。




/* タグは複数なのでElementじゃなくてElements */
/* 使用する際は配列番号つけて */
var elm = getElementsByTagName('body');
elm[0].setAttribute('style', 'text-align: center');

/* IDは一意なのでElementsじゃなくてElement */
/* ByIDじゃなくてById */
var elm = getElementById('aaa');

/* setAttributesじゃなくてsetAttribute */
elm.setAttribute('style', 'background-color:blue');

/* ElementsじゃなくてElement */
var newelm = document.createElement('div');
newelm.innerHTML = 'testtext';

/* background-colorじゃなくてbackgroundColor */
newelm.style.backgroundColor = 'blue';
elm[0].appendChild(newelm);

Author Info(オガティ

エンジニアとして勤め、インフラ周りの開発を経た後Web業界へ異動。
プライベートでもブログ「ogatism」の運営や電子書籍の執筆、占星術師としての活動など幅広い分野で活動中。
詳細はこちら

占い鑑定レポート作成サービス受付中

◆ ogatismをFeedlyに登録 ◆
follow us in feedly