编程 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匿名函数的问题分析

Mar 30 Javascript

jquery操作select详解(取值,设置选中)

Feb 07 Javascript

jQuery中使用each处理json数据

Apr 23 Javascript

Javascript控制div属性动态变化实例分析

Oct 08 Javascript

Jquery Mobile 自定义按钮图标

Nov 18 Javascript

JS实现支持Ajax验证的表单插件

Mar 24 Javascript

js的三种继承方式详解

Jan 21 Javascript

js实现PC端和移动端刮卡效果

Mar 27 Javascript

浅谈redux以及react-redux简单实现

Aug 28 Javascript

Vue.js轮播图走马灯代码实例（全）

May 08 Javascript

小程序rich-text组件如何改变内部img图片样式的方法

May 22 Javascript

layui table去掉右侧滑动条的实现方法

Sep 05 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中通过trigger_error触发PHP错误示例

2015/06/23 PHP

PHP常见的6个错误提示及解决方法

2016/07/07 PHP

php实现的统计字数函数定义与使用示例

2017/07/26 PHP

为Yahoo! UI Extensions Grid增加内置的可编辑器

2007/03/10 Javascript

Jquery对select的增、删、改、查操作

2015/02/06 Javascript

js 函数式编程学习笔记

2017/03/25 Javascript

js精确的加减乘除实例

2017/11/14 Javascript

Vue实现表格批量审核功能实例代码

2019/05/28 Javascript

JS实现的排列组合算法示例

2019/07/16 Javascript

详解三种方式在React中解决绑定this的作用域问题并传参

2020/08/18 Javascript

解决新建一个vue项目过程中遇到的问题

2020/10/22 Javascript

[14:51]DOTA2 HEROS教学视频教你分分钟做大人-卓尔游侠

2014/06/13 DOTA

python 从远程服务器下载东西的代码

2013/02/10 Python

Python抓取京东图书评论数据

2014/08/31 Python

在Python的while循环中使用else以及循环嵌套的用法

2015/10/14 Python

Pandas:DataFrame对象的基础操作方法

2018/06/07 Python

Python list列表中删除多个重复元素操作示例

2019/02/27 Python

Python整数与Numpy数据溢出问题解决

2019/09/11 Python

Python字节单位转换实例

2019/12/05 Python

Python3开发实例之非关系型图数据库Neo4j安装方法及Python3连接操作Neo4j方法实例

2020/03/18 Python

Python configparser模块应用过程解析

2020/08/14 Python

收集的22款给力的HTML5和CSS3帮助工具

2012/09/14 HTML / CSS

基于ccs3的timeline时间线实现方法

2020/04/30 HTML / CSS

东南亚排名第一的服务市场：kaodim

2019/03/28 全球购物

阿迪达斯英国官方网站：adidas英国

2019/08/13 全球购物

厨师岗位职责

2013/11/12 职场文书

有个性的自我评价范文

2013/11/15 职场文书

给老婆的婚前保证书

2014/02/01 职场文书

青春无悔演讲稿

2014/05/08 职场文书

我的中国梦演讲稿初中篇

2014/08/19 职场文书

2014年流动人口工作总结

2014/11/26 职场文书

幼儿园教师师德师风承诺书

2015/04/28 职场文书

2019年汽车租赁合同范本！

2019/08/12 职场文书

Navicat连接MySQL错误描述分析

2021/06/02 MySQL

Python matplotlib可视化之绘制韦恩图

2022/02/24 Python

muduo TcpServer模块源码分析

2022/04/26 Redis