编程 Javascript

HTML Dom与Css控制方法

Posted in Javascript onOctober 25, 2010

我们大部份对Css中的使用，都会在网页中使用一个Link标签来引入一个Css文件．或者在网页中Head标签内定义Css样式．其实Dom提供了若干个指令．可以动态的设置或获取元素的Css外观样式．你或许在其他网站中看到过＂换肤＂的功能．该技术就是使用了Dom指令为当前网页引入了一个新的Css文件．让网页的外观骤然改变．当然你也可以只针对当前网页中某个元素的外观进行设置．运用得当可以很大程度的提高用户体验！下面我就列举一下Dom中有关Css的指令．限于篇幅，我不在该页内提供各个Dom指令的使用方法和实例演示，你可以点击相关的Dom指令名称．来了解相关指令的详细说明与实例演示．

使用Dom的className为当前元素指定一个Css样式类的名称．以改变当前元素的外观样式
HTML Dom中为当前元素设置多个Css属性样式：cssText
HTML Dom获取当前元素指定的Css属性值的指令是：currentStyle 支持IE
HTML Dom获取当前元素指定的Css属性值的指令是：getPropertyValue 支持FF
HTML Dom中还提供了一个createStyleSheet指令．可以动态的网页引入一个新的Css文件．也就是我前面提到的＂换肤＂功能．遗憾的是该指令不支持FF和Chrome浏览器，不过我在createStyleSheet的讲解中已经解决了FF下的同样效果．
在ajax技术的带领下．近年来Dom发展迅速．也被很多人重视起来．很多大网站极力追求良好的用户体验．这些技术也变得不再陌生！其实这些都属于前端设计的范围，如今像＂百度＂，＂淘宝＂，＂腾迅＂等等这些大公司都相当重视前端设计．所以学习好前端也是一个不错的选择，希望今天讲的能够帮到你！

作者：康董出自：Www.Web666.Net

HTML Dom与Css控制方法

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript语言中的Literal Syntax特性分析

Mar 08 Javascript

使用jQuery简化Ajax开发 Ajax开发入门

Oct 14 Javascript

jquery使用正则表达式验证email地址的方法

Jan 22 Javascript

jquery实现图片上传之前预览的方法

Jul 11 Javascript

微信小程序 window_x64环境搭建

Sep 30 Javascript

js/jquery控制页面动态加载数据滑动滚动条自动加载事件的方法

Feb 08 Javascript

jQuery实现checkbox的简单操作

Nov 18 jQuery

jQuery 操作 HTML 元素和属性的方法

Nov 12 jQuery

微信小程序实现Swiper轮播图效果

Nov 22 Javascript

Vue中多元素过渡特效的解决方案

Feb 05 Javascript

JavaScript语句错误throw、try及catch实例解析

Aug 18 Javascript

Ajax 的初步实现(使用vscode+node.js+express框架)

Jun 18 Javascript

Dom在ajax技术中的作用说明

Oct 25 #Javascript

Dom与浏览器兼容性说明

Oct 25 #Javascript

Dom 是什么的详细说明

Oct 25 #Javascript

Javascript类库的顶层对象名用户体验分析

Oct 24 #Javascript

让ie运行js时提示允许阻止内容运行的解决方法

Oct 24 #Javascript

javascript 隔行换色函数代码

Oct 24 #Javascript

JavaScript类库D

Oct 24 #Javascript

You might like

具有时效性的php加密解密函数代码

2013/06/19 PHP

php反射应用示例

2014/02/25 PHP

PHP实现AES256加密算法实例

2014/09/22 PHP

php如何利用pecl安装mongodb扩展详解

2019/01/09 PHP

window.location.reload()方法刷新页面弹出要再次显示该网页对话框

2013/04/24 Javascript

jquery插件tooltipv顶部淡入淡出效果使用示例

2013/12/05 Javascript

Javascript 遍历页面text控件详解

2014/01/06 Javascript

node.js中的querystring.unescape方法使用说明

2014/12/10 Javascript

jquery动态添加删除(tr/td)

2015/02/09 Javascript

javascript关于运动的各种问题经典总结

2015/04/27 Javascript

jQuery实现鼠标悬停显示提示信息窗口的方法

2015/04/30 Javascript

BootStrap智能表单demo示例详解

2016/06/13 Javascript

前端开发之CSS原理详解

2017/03/11 Javascript

vue实现移动端图片裁剪上传功能

2020/08/18 Javascript

vue iview实现动态路由和权限验证功能

2018/04/17 Javascript

JavaScript中filter的用法实例分析

2019/02/27 Javascript

JavaScript一元正号运算符示例代码

2019/06/30 Javascript

Vue Render函数创建DOM节点代码实例

2020/07/08 Javascript

关于Vue中$refs的探索浅析

2020/11/05 Javascript

[03:18]【TI9纪实】社区大触GL与木木

2019/08/25 DOTA

Python中字典（dict）合并的四种方法总结

2017/08/10 Python

利用Python批量提取Win10锁屏壁纸实战教程

2018/03/27 Python

python计算阶乘和的方法(1!+2!+3!+...+n!)

2019/02/01 Python

Python字典对象实现原理详解

2019/07/01 Python

详解Python实现进度条的4种方式

2020/01/15 Python

Python可以用来做什么

2020/11/23 Python

10个很棒的 CSS3 开发工具推荐

2011/05/16 HTML / CSS

了解AppleShare protocol(AppleShare协议)吗

2015/08/28 面试题

农业大学毕业生的个人自我评价

2013/10/11 职场文书

中学教师师德师风演讲稿

2014/08/22 职场文书

2016年大学生暑期社会实践方案

2015/11/26 职场文书

python 实现定时任务的四种方式

2021/04/01 Python

在js中修改html body的样式

2021/11/11 Javascript

Win11绿屏怎么办？Win11绿屏死机的解决方法

2021/11/21 数码科技

mysql数据插入覆盖和时间戳的问题及解决

2022/03/25 MySQL

电脑开机弹出documents文件夹怎么回事?弹出documents文件夹解决方法

2022/04/08 数码科技