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

jquery 双色表格实现代码

Dec 08 Javascript

js setTimeout 常见问题小结

Aug 13 Javascript

CSS鼠标响应事件经过、移动、点击示例介绍

Sep 04 Javascript

js动态拼接正则表达式的两种方法

Mar 04 Javascript

Javascript实现单张图片浏览

Dec 18 Javascript

jQuery中replaceAll()方法用法实例

Jan 16 Javascript

利用JQuery操作iframe父页面、子页面的元素和方法汇总

Sep 10 jQuery

js实现导航跟随效果

Nov 17 Javascript

超详细动手搭建一个VuePress 站点及开启PWA与自动部署的方法

Jan 27 Javascript

Vue实现开心消消乐游戏算法

Oct 22 Javascript

详解JavaScript修改注册表的方法

Jan 05 Javascript

cypress测试本地web应用

Jun 01 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编写和读取XML的几种方式

2013/01/12 PHP

Laravel中基于Artisan View扩展包创建及删除应用视图文件的方法

2016/10/08 PHP

如何利用PHP实现上传图片功能详解

2020/09/24 PHP

getElementById在任意一款浏览器中都可以用吗的疑问回复

2007/05/13 Javascript

jquery ajax传递中文参数乱码问题及解决方法说明

2014/02/07 Javascript

javascript控制在光标位置插入文字适合表情的插入

2014/06/09 Javascript

jQuery及JS实现循环中暂停的方法

2015/02/02 Javascript

jQuery实现表格颜色交替显示的方法

2015/03/09 Javascript

Javascript数组Array基础介绍

2016/03/13 Javascript

jquery实现ajax提交表单信息的简单方法(推荐)

2016/08/24 Javascript

浅谈JS中的!=、== 、!==、===的用法和区别

2016/09/24 Javascript

node.js实现的装饰者模式示例

2017/09/06 Javascript

jquery+css3实现熊猫tv导航代码分享

2018/02/12 jQuery

JavaScript引用类型Array实例分析

2018/07/24 Javascript

使用vuepress搭建静态博客的示例代码

2019/02/14 Javascript

JavaScript队列结构Queue实现过程解析

2020/03/07 Javascript

vue使用require.context实现动态注册路由

2020/12/25 Vue.js

python发送邮件实例分享

2017/07/28 Python

python如何在循环引用中管理内存

2018/03/20 Python

python检索特定内容的文本文件实例

2018/06/05 Python

Python实现获取汉字偏旁部首的方法示例【测试可用】

2018/12/18 Python

Python使用numpy模块实现矩阵和列表的连接操作方法

2019/06/26 Python

Python:slice与indices的用法

2019/11/25 Python

python 实现按对象传值

2019/12/26 Python

python之MSE、MAE、RMSE的使用

2020/02/24 Python

Python如何重新加载模块

2020/07/29 Python

来自世界上最好大学的在线课程：edX

2018/10/16 全球购物

彪马日本官网：PUMA日本

2019/01/31 全球购物

《小山羊和小灰兔》教学反思

2014/02/19 职场文书

诉讼代理人授权委托书

2014/10/11 职场文书

先进员工事迹材料

2014/12/20 职场文书

青年志愿者服务活动总结

2015/05/06 职场文书

中学生运动会广播稿

2015/08/19 职场文书

python 下载文件的几种方式分享

2021/04/07 Python

Python中super().__init__()测试以及理解

2021/12/06 Python

Win10玩csgo闪退如何解决?Win10玩csgo闪退的解决方法

2022/07/23 数码科技