编程 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 Xml增删改查(IE下)操作实现代码

Jan 30 Javascript

JavaScript中SQL语句的应用实现

May 04 Javascript

jquery validate 自定义验证方法介绍日期验证

Feb 27 Javascript

JavaScript代码性能优化总结(推荐)

May 16 Javascript

Android中Okhttp3实现上传多张图片同时传递参数

Feb 18 Javascript

vue中如何引入jQuery和Bootstrap

Apr 10 jQuery

Express框架之connect-flash详解

May 31 Javascript

原生JS实现图片懒加载(lazyload)实例

Jun 13 Javascript

前端Vue项目详解--初始化及导航栏

Jun 24 Javascript

react 移动端实现列表左滑删除的示例代码

Jul 04 Javascript

使用JS来动态操作css的几种方法

Dec 18 Javascript

vue中实现点击空白区域关闭弹窗的两种方法

Dec 30 Vue.js

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+mysql留言本源码

2009/11/11 PHP

php实现无限级分类（递归方法）

2015/08/06 PHP

JavaScript使用prototype定义对象类型

2007/02/07 Javascript

jquery插件之easing 动态菜单

2010/08/21 Javascript

Javascript学习笔记二之变量

2010/12/15 Javascript

关于JavaScript中string 的replace

2013/04/12 Javascript

不用锚点也可以平滑滚动到页面的指定位置实现代码

2013/05/08 Javascript

javascript中声明函数的方法及调用函数的返回值

2014/07/22 Javascript

JsRender实用入门教程

2014/10/31 Javascript

使表格的标题列可左右拉伸jquery插件封装

2014/11/24 Javascript

常用的Javascript数据验证插件

2015/08/04 Javascript

JavaScript正则表达式实例详解

2016/10/16 Javascript

VueJs组件之父子通讯的方式

2018/05/06 Javascript

vue2单元测试环境搭建

2018/05/24 Javascript

记一次Vue.js混入mixin的使用(分权限管理页面)

2019/04/17 Javascript

js字符串类型String常用操作实例总结

2019/07/05 Javascript

nuxt框架中对vuex进行模块化设置的实现方法

2019/09/06 Javascript

Python的词法分析与语法分析

2013/05/18 Python

Python实现将照片变成卡通图片的方法【基于opencv】

2018/01/17 Python

Python基于whois模块简单识别网站域名及所有者的方法

2018/04/23 Python

Tensorflow 模型转换 .pb convert to .lite实例

2020/02/12 Python

CSS3媒体查询(Media Queries)介绍

2013/09/12 HTML / CSS

html5 canvas绘制放射性渐变色效果

2018/01/04 HTML / CSS

高档奢华时装在线目的地：FORWARD by elyse walker

2017/10/16 全球购物

电影T恤、80年代T恤和80年代服装：TV Store Online

2020/01/05 全球购物

神话般的珠宝：Ross-Simons

2020/07/13 全球购物

正规的求职信范文分享

2013/12/11 职场文书

三年大学生活自我鉴定

2014/01/21 职场文书

党校培训自我鉴定

2014/02/01 职场文书

网络工程师职业规划

2014/02/10 职场文书

中秋节主持词

2014/04/02 职场文书

销售合作意向书范本

2015/05/08 职场文书

简短清晨问候语

2015/11/10 职场文书

Python基础之hashlib模块详解

2021/05/06 Python

tensorboard 可视化之localhost:6006不显示的解决方案

2021/05/22 Python

2021年国产动漫公司排行前十名，玄机科技上榜，第二推出过铠甲勇士

2022/03/18 杂记