獲取dom元素的真實style屬性。

2021-10-25 04:35:55 字數 362 閱讀 4235

今天需要寫乙個滑動的特效,在開發的過程中發現,通過js獲取dom的style樣式時,style中的屬性全是空字串,而css中明明已經定義了bottom,z-index等等屬性。

查閱了相關資料後了解到,js獲取到的dom物件的style通常是沒有值得,因為我們都寫在外部檔案中。而dom.style這種方式獲取到的樣式只能是內聯樣式。

要想獲取到實際的css樣式,我們需要使用以下方法,來獲取實際的style樣式:

function

getstyle

(obj, attr)

else;}

;

當然了,要想準確使用,前提是dom已經渲染完畢,樣式已經渲染成功才行。

DOM元素的獲取

通過id獲取元素 document.getelementbyid id 通過class獲取元素 document.getelementsbyclassname class 注意 這裡不相容ie8及以下,jq的話獲取class不影響這裡,假如要這樣操作的話,你需要寫個方法 function getel...

DOM獲取元素大小

1.style獲取行內的元素大小 var box document.getelementbyid box alert typeof box.style.width alert box.style.height 2.獲取計算後的css大小,如果沒有設定,非ie會獲取預設大小,ie會理解為0 var s...

angular 獲取 DOM 元素

viewchild配合local template variable 原生元素可以通過local variable獲取。在寫元件時,我們可以直接在元件模版裡給這個 input 標籤加標記 譬如 myinput 然後把標記傳給 viewchild用來獲取該元素。當元件初始化後,你就可以通過 rende...