Question

如果html里某个标签对象的属性是被css设置的，js读取该节点属性的时候就不能直接读出这个节点的属性了吗？

如果js不能直接读出来，是不是js就要去读css？

Answer 1

不仅可以读，还可以从新赋值
例如
<div style="width:20px"></div>
这里有一个宽度20PX的DIV，我们用JS获取和设置的时候可以这么写
获取 ： 对象.style.width
设置 ： 对象.style.width = "50px"

追问

那css在某对象的外部定义了它的某属性咧？
我们也可以这么获取？
如果是，我立即给你分，还给你补分。

追答

是的，内部和外部定义都可以由JS取得，也可以重新赋值~~
zxc

var divObj = document.getElementById('divObj')
function getWidth(){
alert("DIV的宽度属性为："+divObj.style.width);
}
function setWidth(){
divObj.style.width = "300px";
alert("现在的DIV宽度属性为："+divObj.style.width);
}

给你写了一个，不仅仅是宽度属性，什么属性都可以获取和设置。
给分吧~~~

追问

你这里，js是操作zxc对象来获取的所有由它定义的其他对象的属性的啊！
以属性被定义的对象为js操作的对象，比如你示例的下面两个div，来获取他们的宽度，高度。。。又该如何呢？

追答

你不是问的是获取对象的CSS属性值吗？我的下面两个DIV又没有style，没有样式啊！当然不是那样获取的。
我给你复制了一段，你自己看吧~~

标签元素的宽高值获取
//绝对宽度
Obj.offsetWidth
//绝对高度
Obj.offsetHeight

以下是获取窗口对象的宽高值。
clientHeight 获取对象的高度，不计算任何边距、边框、滚动条，但包括该对象的补白。
clientLeft 获取 offsetLeft 属性和客户区域的实际左边之间的距离。
clientTop 获取 offsetTop 属性和客户区域的实际顶端之间的距离。
clientWidth 获取对象的宽度，不计算任何边距、边框、滚动条，但包括该对象的补白。
clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。
clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。
clip 设置或获取定位对象的哪个部分可见。
clipBottom 获取对象剪裁区域的底边坐标。
clipLeft 获取对象剪裁区域的左边坐标。
clipRight 获取对象剪裁区域的右边坐标。
clipTop 获取对象剪裁区域的顶边坐标。

希望能对你有所帮助！

Answer 2

可以的

Answer 3

能读的，

追问

能直接用 obj.getAttributes("text-align")获取css的标签里面对obj设置的textalign吗？我觉得不能吧。。。

Answer 4

外部定义的ie通过，obj.currentStyle.width
firefox通过 window.getComputedStyle (obj, "").getPropertyValue("width");