为什么在css中定义了一个元素的绝对定位属性;在js中无法获取这个属性呢
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style>
#list{width: 100px;height: 100px;background: #09c;position: absolute;}
</style>
</head>
<body>
<div id="list"></div>
<script>
var list = document.getElementById('list');
console.log(window.getComputedStyle(list,null).position);
</script>
</body>
</html>
亲测可以实现,兼容到IE9
谢谢啊
@小潇洒: 不客气,应该的,方便的话,可以关注下博客:)
你会用浏览器的控制台吗?
你是说f12吗
我console.log(list.style.position)输出的是空白
@小潇洒: 你把代码贴上来咋看?
@请问热风暴带:
<style>
#list{
position:absolute;
width:3500px;
height:350px;
left: 0px;
}
<div id="list">
<img src="img/image1.jpg" alt="1" />
<img src="img/image2.jpg" alt="2" />
<img src="img/image3.jpg" alt="3" />
<img src="img/image4.jpg" alt="4" />
<img src="img/image5.jpg" alt="5" />
</div>
@请问热风暴带: <script>
console.log(list.style.position)//输出是空的
</script>
你给list赋值过没
@吴瑞祥: 有啊
var list=document.getElementById("list");
你把样式写在元素里试试
list.style这种方式是读不到样式表的,只能读内联样式: <div style="position:absolute"></div>
style只能获得行内样式
你可以写一个css,比如 absoluteElement { position:absolute; ]
然后在标签上引用它,然后在js中判断 absoluteElement ,
emm
建议用jQuery,可以利用其方法css()来获取到