本文介绍了JavaScript如何通过DOM操作动态设置CSS样式，包括使用Element的style属性和setAttribute()方法，以及结合事件处理函数实现鼠标经过元素时改变样式的效果。
JavaScript动态设置CSS样式实例分析
通过使用文档对象模型DOM，可以将HTML文件当做文档对象，并按照文档对象处理方法进行处理。主要处理形式包括设置HTML标记文本内容、设置元素属性值及对Style样式进行操作等。本文主要介绍使用文档对象模型DOM所提供的Element、HTMLElement等实现对元素Style样式进行快速设置。
DOM标准
DOM(Document Object Model)文档对象模型是W3C提出的技术规范，该规范与浏览器、平台、语言无关。HTML DOM是指适用于HTML的文档对象模型。因此在JavaScript中我们所认识的DOM应当可以理解为HTML DOM。DOM标准相关对象关系描述如下图所示：
DOM标准概念与关系
在DOM标准对象描述中可以看出所有的对象都继承于Node对象，Node对象是DOM文档对象模型的核心。在JavaScript文档对象模型中，Document对象、Element对象等都继承于Node对象，而HTMLDo
最低0.47元/天 解锁文章
扫一扫
1146
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
