UC知道javascript的一个问题.......
来源：百度知道 编辑：UC知道 时间：2024/06/10 19:14:26
在javascript中,用document很容易就能得到一个样式的值.
我吧一个div的高设置成300px,id为div1那么就应该是这样.
document.getElementById("div1").width;
可是后来我发现,有一些样式是不好得到的.比如border-leff
小弟曾经试过,如果document.getElementById("div1").border-left;这样是根本得不到的.
小弟想问的就是,如何得到这中间有-的属性.
比如z-index;border-left;margin-left;等等....
多谢了,小弟是个新手,刚学javascript不久......
我吧一个div的高设置成300px,id为div1那么就应该是这样.
document.getElementById("div1").width;
可是后来我发现,有一些样式是不好得到的.比如border-leff
小弟曾经试过,如果document.getElementById("div1").border-left;这样是根本得不到的.
小弟想问的就是,如何得到这中间有-的属性.
比如z-index;border-left;margin-left;等等....
多谢了,小弟是个新手,刚学javascript不久......
- - 楼上的 几位 在误导 人额。。。
对于 中间有 - 的属性
这样来访问
比如说 z-index 转变为 zIndex
注意 - 后面的 单词 第一个字母 大写
其次 ，要加上 对象.style.属性 的形式。
对于 border-left 有
document.getElementById("div1").style.borderLeft;
对于 z-index 有
document.getElementById("div1").style.zIndex;
对于 margin-left 有
document.getElementById("div1").style.marginLeft;
同样 有 的CSS 属性 ，有 2个 - ，这个时候，还是一样， 每个 - 后面的 单词 第一个字母大写
比如属性 background-position-x
则有 document.getElementById("div1").style.backgroundPositionX;
document.getElementById("div1").style.border-left
不过border-left要显式赋值，就像
border-left:10px;
那么就可以获取10px;
不然也无法获取到
不可以这样设一下：
document.getElementById("div1").style.border-left;
或是这样：
document.(表单名 | body名）.div1.style.border-left