(currentStyle)javascript为何有时用style得不到已设定的CSS的属性_javascript技巧

这是按第2下兰色的横条才开始出效果,就是说第1下没有获得foot.style.display=="none",可是CSS里我定义了
<style type="text/css">
#top {width:100px; background-color:#00CCFF; height:20px}
#foot {width:100px; background-color: #CCCC00; height:50px; display:none}
</style>
<script language="javascript">
<!--
function qa(){
if (foot.style.display=="none") {
foot.style.display="block";};
else {
foot.style.display="none";}
}
-->
</script>
</head>
<body>
<div id="top" onclick="qa()"></div>
<div id="foot">
</body>

时间: 2024-09-17 04:00:53

(currentStyle)javascript为何有时用style得不到已设定的CSS的属性_javascript技巧的相关文章

ppk谈JavaScript style属性_javascript技巧

事实上,7个范例脚本都用到了某种形式的CSS修改.比如,"表单验证"改变出错的表单域的样式,"XMLHTTP速度测试计"使用动画(其实也就是在很短的时间内多次改变某个样式)来让用户注意到速度的数据(而且,老实讲这算是有些花哨的效果)."下拉菜单"通过改变样式来显示和隐藏菜单项.这些变化都拥有同样的目的:把用户的注意力吸引到这些元素上. JavaScript有如下4种修改CSS的方式: l 修改元素的style属性(element.style.ma

JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结_javascript技巧

在这篇文章中,作者介绍了7个JavaScript在IE和Firefox中存在的差异. 1. CSS "float" 值 访问一个给定CSS 值的最基本句法是:object.style.property,使用驼峰写法来替换有连接符的值,例如,访问某个ID为"header"的<div>的 background-color值,我们使用如下句法: document.getElementById("header").style.backgrou

JavaScript遍历table表格中的某行某列并打印其值_javascript技巧

JavaScript遍历table 1.说明 遍历表格中的某行某列,并打印其值 2.实现源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

javascript表格隔行变色加鼠标移入移出及点击效果的方法_javascript技巧

本文实例讲述了javascript表格隔行变色加鼠标移入移出及点击效果的方法.分享给大家供大家参考.具体分析如下: 表格隔行变色,也是一个提高用户体验的js效果. 效果实现: 表格奇偶行的颜色不一样.这样可以防止用户看数据时串行. 鼠标移入某行时变颜色,移出再变回来.这样可以让用户清楚的知道自己正在看哪一行. 表格点击变色.便于用户选中自己想保留的项.  说明: i%2 每个数和2取模的值,只有0和1两种,这样就可以实现隔行变色的效果 tables_li[i].onoff = 1;  为了实现点

JavaScript中style.left与offsetLeft的使用及区别详解_javascript技巧

如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相对于父div的值,这同offsetLeft是相同的,区别在于: 1. style.left 返回的是字符串,如28px,offsetLeft返回的是数值28,如果需要对取得的值进行计算,还用offsetLeft比较方便. 2. style.left是读写的,offsetLeft是只读的,所以要改变div的位置,只能修改style.left. 3. st

javaScript 读取和设置文档元素的样式属性_javascript技巧

首先我们先说一下样式表属性 1. 内联样式即元素style属性里面设置的,级别最高 2. 页面样式表定义即页面<style></style>里面定义的,级别次之 3.外部链接样式表文件 JavaScript获取和设置文档元素的css属性: 1.获取元素Style属性里面设置的样式属性, document.getElementById(id).style.height; 有,则返回属性值:没有则返回空 IE和火狐皆然,只是有的属性值返回可能不一样,比如像颜色火狐返回rgb,而IE是返

javascript写的简单的计算器,内容很多,方法实用,推荐_javascript技巧

最近用javascript写了一个简单的计算器,自己测试感觉还好,先给大家观赏下界面: 界面就是这样了,但是功能如何呢? 现在只是个简单的标准计算器,能进行加减乘除连续运算,以及求余运算.如果发生被除数为零的错误,下面会给出提示,就像这样: 自己不知道写的怎么样,但是对于新手来说,这肯定是一份大餐,里面可以接触到的东西不少,可以拿来学习.如果有高手看出里面的疏漏.错误等望不吝赐教,给予指点. 下面贴上代码,希望里面的注释足够多了. js部分: 复制代码 代码如下: var num=0,resul

javascript结合html5 canvas实现(可调画笔颜色/粗细/橡皮)的涂鸦板_javascript技巧

js+html5 canvas实现的涂鸦画板特效,可调画笔颜色|粗细|橡皮,可以保存涂鸦效果为图片编码,非常适合学习html5的canvas,必须支持html5的浏览器才能看到效果. 复制代码 代码如下: <!doctype html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>javascri

javascript 加入收藏、设为首页(IE,firefox兼容脚本之家版)_javascript技巧

具体的演示,可以参考最下面的 加入收藏 设为首页功能. 设为首页 - 加入收藏 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 注意上面的网址必须带http://要不在firefox下不通过,比较郁闷. 另外提供一些定义的可传参的函数: 复制代码 代码如下: <script language="JavaScript"> <!-- /** * 添加收藏 * @param {} sURL 收藏链接地址 * @param {} sTitle 收藏标题 */ fu