Contenu connexe
Similaire à Webページで学ぶJavaScript2013 第5回
Similaire à Webページで学ぶJavaScript2013 第5回 (12)
Webページで学ぶJavaScript2013 第5回
- 12. DOM
● 前回のCSSでDOM(Document Object Model)
というのが出て来ました。
● ざっくりいうと、HTMLをツリー構造にして扱える
ようにしたものです。
● DOMのお陰で、CSSからHTMLの要素に色付
けしたりできたのですが、JavaScriptからもDOM
を通してHTMLの要素を操作することができま
す。
○ (JavaScriptでDOMと言うと直接はHTMLと関係ない機
能も含めることがあります)
- 20. function
JavaScriptでは関数を値として扱えます
var hello = function(name) {
console.log("Hello " + name + "!");
};
// 引数として渡すこともできます
profile.addEventListener("click", function() {
profile.style.backgroundColor = colors[++i % 4];
});
- 22. イベントを登録してみよう
// クリックしたら背景色を変えてみるとか
var colors = ["red", "blue", "yellow", "green"],
i = 0;
profile.addEventListener("click", function() {
profile.style.backgroundColor = colors[++i % 4];
});
profileがclickされたらfunction...が実行される