第60天 js常用訪問CSS屬性的方法

2021-09-20 08:45:01 字數 1330 閱讀 9583

我們訪問得到css 屬性,比較常用的有兩種:

box.style.width      box.style.top

點語法可以得到 width  屬性  和

top屬性  帶有單位的。

100px

但是這個語法有非常大的缺陷,

不變的。

後面的width  和

top  

沒有辦法傳遞引數的。

var w = width;

box.style.w

語法格式:box.style[「width」]

元素.style[「屬性」];

console.log(box.style["left"]);

最大的優點

:可以給屬性傳遞引數

我們想要獲得css 的樣式,

box.style.left    box.style.backgorundcolor

但是它只能得到

行內的樣式。

但是我們工作最多用的是

內嵌式或者

外鏈式。

怎麼辦?

核心:我們怎麼才能得到內嵌或者外鏈的樣式呢?

1、obj.currentstyleie  opera  常用

外部(使用

)和內嵌(使用

)樣式表中的樣式(ie和

opera)

2、window.getcomputedstyle("元素

", "

偽類")w3c

兩個選項是必須的,

沒有偽類

用 null 替代

3 、相容寫法 :

我們這個元素裡面的屬性很多, left  top  width  ===

我們想要某個屬性,

就應該返回改屬性,所有繼續封裝

返回當前樣式的

函式。

1

1 var demo = document.getelementbyid("demo");

22 functiongetstyle(obj,attr)

77 else

88

1111 }

12 12 console.log(getstyle(demo,"width"));

js的Prototype屬性 解釋及常用方法

函式 原型 每乙個建構函式都有乙個屬性叫做原型 prototype,下面都不再翻譯,使用其原文 這個屬性非常有用 為乙個特定類宣告通用的變數或者函式。prototype的定義 你不需要顯式地宣告乙個prototype屬性,因為在每乙個建構函式中都有它的存在。你可以看看下面的例子 example pt...

js的Prototype屬性 解釋及常用方法

原 函式 原型 每乙個建構函式都有乙個屬性叫做原型 prototype,下面都不再翻譯,使用其原文 這個屬性非常有用 為乙個特定類宣告通用的變數或者函式。prototype的定義 你不需要顯式地宣告乙個prototype屬性,因為在每乙個建構函式中都有它的存在。你可以看看下面的例子 example ...

js的Prototype屬性 解釋及常用方法

函式 原型 每乙個建構函式都有乙個屬性叫做原型 prototype,下面都不再翻譯,使用其原文 這個屬性非常有用 為乙個特定類宣告通用的變數或者函式。prototype的定義 你不需要顯式地宣告乙個prototype屬性,因為在每乙個建構函式中都有它的存在。你可以看看下面的例子 example pt...