JS裡引用CSS屬性時候的命名

2022-07-12 14:12:31 字數 465 閱讀 5383

如果js**中設定元素的另乙個css屬性font-family。這個屬性的獲取方式與color屬性略有不同,因為 font和family之間的連字元與js中減法操作符相同,js會把它解釋為減號。如果你像下邊這樣訪問名為 font-family 的屬性,會收到一條出錯資訊:

element.style.font-family

js將減號前邊的內容解釋為"元素的style屬性的font屬性",把減號後的內容解釋為乙個名為family的變數,將整個表示式解釋為乙個減法運算。這完全違背了本意。

減號和加號之類的操作符是保留字元,不允許用在函式或變數的名字裡。這同時意味著它們也不能用在方法或屬性的名字裡(別忘了,方法和屬性其實是關聯在某個物件上的函式和變數)。

當你需要引用乙個中間帶減號的css屬性時,dom要求你用駝峰命名法。css屬性font-family變位dom屬性fontfamily:

element.style.fontfamily

css裡的position屬性

position屬性是css裡比較常用的乙個屬性,用於設定html頁面中的定位方法但是這個屬性初學者理解起來可能沒怎麼容易,現在我簡單的講一下這個屬性。position屬性指定乙個元素的定位方法的型別,它的值有5個 我學的時候是4個,但是我後來查相關文件時候又多出來乙個 使用了position後可以...

CSS裡的陰影屬性應用

text shadow 是css文字陰影屬性單詞。text shodw 屬性值1 屬性值2 屬性值3 屬性值4 屬性值1 陰影橫向位置 屬性值2 陰影縱向位置 屬性值3 陰影的大小 屬性值4 陰影的顏色 下面做個示範 text shadow屬性值裡的30px就是陰影向右移動30畫素,20px是向下移...

js獲取css屬性值的方法

obj.style 它只能夠獲取通過style設定的元素css屬性值 無法獲取定義在裡面的屬性,這時getcomputedstyle 就可以發揮作用了 它可以獲取到指定元素對應css屬性的最終計算值。doctype html en utf 8 viewport content width devic...