JavaScript与DOM（下）

介绍
上一章我们介绍了JavaScript的基本内容和DOM对象的各个方面，包括如何访问node节点。本章我们将讲解如何通过DOM操作元素并且讨论浏览器事件模型。

操作元素
上一章节我们提到了DOM节点集合或单个节点的访问步骤，每个DOM节点都包括一个属性集合，大多数的属性都提供为相应的功能提供了抽象。例如，如果有一个带有ID属性intro的文本元素，你可以很容易地通过DOM API来改变该元素的颜色：

document.getElementById(‘intro’).style.color = ‘#FF0000’;
为了理解这个API的功能，我们一步一步分开来看就非常容易理解了：

var myDocument = document;
var myIntro = myDocument.getElementById(‘intro’);
var myIntroStyles = myIntro.style;

// 现在，我们可以设置颜色了:
myIntroStyles.color = ‘#FF0000’;
现在，我们有了该文本的style对象的引用了，所以我们可以添加其它的CSS样式：

myIntroStyles.padding = ‘2px 3px 0 3px’;
myIntroStyles.backgroundColor = ‘#FFF’;
myIntroStyles.marginTop = ‘20px’;
这里我们只是要了基本的CSS属性名称，唯一区别是CSS属性的名称如果带有-的话，就需要去除，比如用marginTop代替margin-top。

完整资料进入【数字空间】查看——搜索"writebug"
WRITE-BUG研发团队衷心希望【WRITE-BUG数字空间】可以给每位同学一个属于自己的秘密空间，同时祝愿大家在“公开圈子”世界里，遇见志同道合的伙伴们，因为我们与大家一样，都曾孤独前行着。