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

Author:

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

/* タグは複数なので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);
Facebook にシェア
Pocket