1. css教程 “float” 值
访问一个给定css教程 值的最基本句法是:object.style.property,使用驼峰写法来替换有连接符的值,例如,访问某个id为”header”的<div>的 background-color值,我们使用如下句法:
document.getelementbyid("header").style.backgroundcolor= "#ccc";
但由于”float“这个词是一个javascript教程保留字,因此我们不能用 object.style.float来访问,这里,我们可以在两种浏览器中这么做:
在ie中这样写:
document.getelementbyid("header").style.stylefloat = "left";
在firefox中这样写:
document.getelementbyid("header").style.cssfloat = "left";
2. 元素的推算样式
javascript教程可以使用object.style.property句法,方便地在外部访问和修改某个css样式,但其限制是这些句法只能取出已设的行内样式或者直接由javascript设定的样式。并不能访问某个外部的样式表。为了访问元素的”推算”样式,我们可以使用下面的代码:
在ie中这样写:
var myobject = document.getelementbyid("header");
var mystyle = myobject.currentstyle.backgroundcolor;
在firefox中这样写:
var myobject = document.getelementbyid("header");
var mycomputedstyle = document.defaultview.getcomputedstyle(myobject, null);
var mystyle = mycomputedstyle.backgroundcolor;
3. 访问元素的”class”
像”float“一样,”class“是javascript的一个保留字,在这两个浏览器中我们使用如下句法来访问”class”。
在ie中这样写:
var myobject = document.getelementbyid("header");
var myattribute = myobject.getattribute("classname");
在firefox中这样写:
var myobject = document.getelementbyid("header");
var myattribute = myobject.getattribute("class");
this syntax would also apply using the setattribute method.
首页 1 2 3 4 5 6 末页