当前位置: 代码网 > it编程>编程语言>Javascript > HTML Dom与Css控制方法

HTML Dom与Css控制方法

2024年05月15日 Javascript 我要评论
我们大部份对css中的使用,都会在网页中使用一个link标签来引入一个css文件.或者在 网页中head标签内定义css样式.其实dom提供了若干个指令.可以动态的设置或获取元素的css外观样式.你或
我们大部份对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
(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com