欢迎您访问我爱IT技术网,今天小编为你分享的javascript教程:【HTML Dom与Css控制方法】,下面是详细的讲解!
HTML 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
关于HTML Dom与Css控制方法的用户互动如下:
相关问题:html css js dom树到底是什么关系
答:html,用超文本标记语言,给浏览器识别的。 css,样式表,可以给html元素设置样式。 js,就是JavaScript ,是一种脚本语言,可以通过js操作html元素。 dom,HTML文档结构,是制订的上述JavaScript操作Html元素的规范。 >>详细
相关问题:关于前端的几个知识点,劳烦知友帮忙解答一下
答:1、DOM结构 —— 两个节点之间可能存在哪些关系以及...7、块级元素与行内元素 —— 怎么用CSS控制它们、...呈现。对于HTML 4.01文档,包含严格DTD的DOCTYPE常常... >>详细
相关问题:请教。。。请问Html Dom 和 Css有什么区别?
答:什么是 HTML 文件? HTML 指超文本标签语言。 HTML 文件是包含一些标签的文本文件。 这些标签告诉 WEB 浏览器如何显示页面。 HTML 文件必须使用 htm 或者 html 作为文件扩展名。 HTML 文件可以通过简单的文本编辑器来创建。 什么是 DOM? 通过 J... >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【ComboBox】ComboBox 和 DateField 在IE下消失的
- 【dom】javascript dom追加内容实现示例-追加内容
- 【has】基于jquery的has()方法以及与find()方法以
- 【extjs】Extjs入门之动态加载树代码-动态加载树
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【Array】js中更短的 Array 类型转换-类型转换
- 【append】append和appendTo的区别以及appendChil
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
