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

form表单中去掉默认的enter键提交并绑定js方法实现代码

Apr 01 Javascript

js中事件的处理与浏览器对象示例介绍

Nov 29 Javascript

IE6中链接A的href为javascript协议时不在当前页面跳转

Jun 05 Javascript

JS实现很酷的水波文字特效实例

Feb 26 Javascript

asp.net+js实现金额格式化

Feb 27 Javascript

JQuery查找DOM节点的方法

Jun 11 Javascript

跟我学习javascript的异步脚本加载

Nov 20 Javascript

所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解

May 27 Javascript

Array数组对象中的forEach、map、filter及reduce详析

Aug 02 Javascript

Vue项目history模式下微信分享爬坑总结

Mar 29 Javascript

JavaScript函数Call、Apply原理实例解析

Feb 17 Javascript

详解如何在Javascript中使用Object.freeze()

Oct 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邮件类

2007/01/03 PHP

说明的比较细的php 正则学习实例

2008/07/30 PHP

php escape URL编码

2008/12/10 PHP

PHP 采集程序原理分析篇

2010/03/05 PHP

php有道翻译api调用方法实例

2014/12/22 PHP

ThinkPHP 5.1 跨域配置方法

2019/10/11 PHP

使用PHP开发留言板功能

2019/11/19 PHP

js 数组实现一个类似ruby的迭代器

2009/10/27 Javascript

当鼠标移动时出现特效的JQuery代码

2013/11/08 Javascript

JS数组的赋值介绍

2014/03/10 Javascript

Javascript 字符串模板的简单实现

2016/02/13 Javascript

JavaScript中0和""比较引发的问题

2016/05/26 Javascript

浅谈javascript中关于日期和时间的基础知识

2016/07/13 Javascript

JS实现禁止高频率连续点击的方法【基于ES6语法】

2017/04/25 Javascript

node.js中express-session配置项详解

2017/05/31 Javascript

详解ES7 Decorator 入门解析

2019/02/18 Javascript

Vue自定义全局Toast和Loading的实例详解

2019/04/18 Javascript

通过实例学习React中事件节流防抖

2019/06/17 Javascript

vue element 关闭当前tab 跳转到上一路由操作

2020/07/22 Javascript

Python学习思维导图(必看篇)

2017/06/26 Python

Windows下安装Django框架的方法简明教程

2018/03/28 Python

django实现用户注册实例讲解

2019/10/30 Python

使用tensorflow DataSet实现高效加载变长文本输入

2020/01/20 Python

Python捕获异常堆栈信息的几种方法(小结)

2020/05/18 Python

详解Django中的FBV和CBV对比分析

2021/03/01 Python

html5录音功能实战示例

2019/03/25 HTML / CSS

Tarte Cosmetics官网：美国最受欢迎的化妆品公司之一

2017/08/24 全球购物

毕业生的求职信范文分享

2013/12/04 职场文书

大学毕业生个人自荐信范文

2014/01/08 职场文书

理工大学毕业生自荐信范文

2014/02/22 职场文书

活动总结新闻稿

2014/08/30 职场文书

2014年销售工作总结

2014/12/01 职场文书

先进个人总结范文

2015/02/15 职场文书

小学毕业感言100字

2015/07/30 职场文书

安全主题班会教案

2015/08/12 职场文书

mysql如何查询连续记录

2022/05/11 MySQL