编程 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 相关文章推荐

js中格式化日期时间型数据函数代码

Nov 08 Javascript

善用事件代理，警惕闭包的性能陷阱。

Jan 20 Javascript

JQuery实现动态添加删除评论的方法

May 18 Javascript

基于javascript实现单选及多选的向右和向左移动实例

Jul 25 Javascript

js removeChild 方法深入理解

Aug 16 Javascript

layer实现弹窗提交信息

Dec 12 Javascript

重新理解JavaScript的六种继承方式

Mar 24 Javascript

AngularJS前端页面操作之用户修改密码功能示例

Mar 27 Javascript

AngularJS点击添加样式、点击变色设置的实例代码

Jul 27 Javascript

webpack构建换肤功能的思路详解

Nov 27 Javascript

Vue动态生成表格的行和列

Jul 18 Javascript

Vue实现回到顶部和底部动画效果

Jul 31 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的分页功能

2007/03/21 PHP

php关于array_multisort多维数组排序的使用说明

2011/01/04 PHP

php/js获取客户端mac地址的实现代码

2013/07/08 PHP

php读取csc文件并输出

2015/05/21 PHP

Yii框架应用组件用法实例分析

2020/05/15 PHP

基于Jquery 解决Ajax请求的页面浏览器后退前进功能，页面刷新功能实效问题

2010/12/11 Javascript

网站繁简切换的JS遇到页面卡死的解决方法

2014/03/12 Javascript

jQuery中has()方法用法实例

2015/01/06 Javascript

js封装可使用的构造函数继承用法分析

2015/01/28 Javascript

使用jsonp实现跨域获取数据实例讲解

2016/12/25 Javascript

bootstrap 模态框（modal）实现水平垂直居中显示

2017/01/23 Javascript

jquery实现轮播图效果

2017/02/13 Javascript

详解React Native 屏幕适配（炒鸡简单的方法）

2018/06/11 Javascript

快速解决vue-cli在ie9+中无效的问题

2018/09/04 Javascript

jQuery点击页面其他部分隐藏下拉菜单功能

2018/11/27 jQuery

jQuery实现获取当前鼠标位置并输出功能示例

2019/01/05 jQuery

Electron + vue 打包桌面操作流程详解

2019/06/24 Javascript

vue.js循环radio的实例

2019/11/07 Javascript

微信小程序之左右布局的实现代码

2019/12/13 Javascript

vue cli 3.0通用打包配置代码,不分一二级目录

2020/09/02 Javascript

Python and、or以及and-or语法总结

2015/04/14 Python

详解Python的Django框架中manage命令的使用与扩展

2016/04/11 Python

pandas 两列时间相减换算为秒的方法

2018/04/20 Python

selenium+python实现自动登录脚本

2018/04/22 Python

python保存二维数组到txt文件中的方法

2018/11/15 Python

基于HTML5+CSS3实现简单的时钟效果

2017/09/11 HTML / CSS

美国最受欢迎的度假目的地优惠套餐：BookVIP

2018/09/27 全球购物

博士生入学考试推荐信

2013/11/17 职场文书

初一科学教学反思

2014/01/27 职场文书

网吧消防安全制度

2014/01/28 职场文书

品质主管岗位职责

2014/03/16 职场文书

2015年保管员工作总结

2015/04/30 职场文书

2015年乡镇财政工作总结

2015/05/19 职场文书

2016年12月份红领巾广播稿

2015/12/21 职场文书

python解决12306登录验证码的实现

2021/04/18 Python

MySQL解决Navicat设置默认字符串时的报错问题

2022/06/16 MySQL