1. 程式人生 > >外部樣式表聲明的樣式並不會進入style對象

外部樣式表聲明的樣式並不會進入style對象

樣式 http img 一個 16px col function cnblogs image

在網頁設計當中,我們註重網頁的行為(js)、結構(HTLM)、樣式(css)分離開

內聯樣式表或者內部樣式表聲明的樣式信息都會進入style對象

我們可以測試一下:

技術分享

但是我們的外部樣式表,也就是通過link標簽鏈接進來的style樣式,並沒有進入style這個對象裏面,所以我們在取外部樣式表裏面對應元素的屬性時,是取不到的。

所以可以寫一個封裝函數,去針對這些樣式取值

function getStyle(obj, name) {
    if(obj.currentStyle) {
        return obj.currentStyle[name];
    } else {
        
return getComputedStyle(obj, false)[name]; } }

調用這個封裝的函數的話,name值是需要加引號的

例如:getStyle(obj,"width");

外部樣式表聲明的樣式並不會進入style對象