                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /商城分類導航效果

this.getElementsByTagName("div")[0].style.top獲取不到值,那老師也是這樣寫的，居然會有效果，太詭異了吧

我在想如何在js中獲取某個元素樣式表中的top值

慕粉3568301

2016-12-25

源自：商城分類導航效果 4-2

關注問題我要回答

1115

操作

收起

5 回答

六月ovo
2017-04-04

上面沒說完，視頻里面直接用 obj。style.attribute 的方式獲取css的top值是不對的，在前面的js動畫里面有設置過一個函數(shù)叫getStyle（），可以仿照這個函數(shù)來獲取top值，或者直接使用obj.offseTop

function?getStyle(obj,attr){
????if(obj.currentStyle){
????????return?obj.currentStyle[attr];?//IE使用currentStyle方法來獲取屬性值
?????}?else{
?????????return?getComputedStyle(obj,false)[attr];????//Firefox使用getComputedStyle方法獲取屬性值
?????????}

0 回復有任何疑惑可以回復我~

收起回答

六月ovo
2017-04-04

當css屬性值寫在內(nèi)聯(lián)或者外聯(lián)樣式表中的時候，使用obj.style.attribute的方式是獲取不到屬性值的，但是可以設置屬性值，只有在html元素屬性中寫入的內(nèi)嵌樣式才可以直接被obj.style.attribute的方式獲取

//這個是內(nèi)聯(lián)
<style>????????????
div?{
????/*????屬性????*/
????}
</style>

//這個是外聯(lián)
<link?href="#"?rel="stylesheet"?type="text/css">?

//這個是內(nèi)嵌
<div?width="100px"?height="100px"></div>