当前位置: 移动技术网 > IT编程>开发语言>JavaScript > HTML Dom与Css控制方法

HTML Dom与Css控制方法

2019年07月19日  | 移动技术网IT编程  | 我要评论
我们大部份对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

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网