久久精品中文字幕av,av.涩涩涩涩涩涩涩涩,亚洲国产日韩欧美精品成人久久久,成人福利电影免费在线观看,日产国产原创av,日韩av午夜激情,bt天堂中文字幕,超级碰人妻在线视频,欧美老熟妇久久一区二区

設(shè)置內(nèi)聯(lián)樣式與獲取類似，都是通過(guò) style 屬性或 setAttribute() 方法實(shí)現(xiàn)。 ## style 屬性方式 設(shè)置內(nèi)聯(lián)樣式，依舊是通過(guò) HTML 頁(yè)面元素的 style 屬性實(shí)現(xiàn)。 具體語(yǔ)法結(jié)構(gòu)如下: ```javascript element.style = style; ``` 我們可以通過(guò)以下示例代碼，學(xué)習(xí)如何通過(guò) style 屬性設(shè)置內(nèi)聯(lián)樣式: ```html <p id="p1" style="color: lightcoral;font-weight: bolder">這是一個(gè)段落內(nèi)容.</p> <script> var pElem = document.getElementById('p1'); pElem.style = 'color: lightblue;font-weight: lighter'; </script> ``` > **值得注意的是:** 這種方式定義 CSS 樣式，是字符串類型。并不適用于定義過(guò)多的 CSS 樣式屬性。 ## setAttirbute() 方法方式 通過(guò) style 屬性設(shè)置內(nèi)聯(lián)樣式，我們還可以調(diào)用 element.setAttribute() 方法實(shí)現(xiàn)。 ```html <p id="p1" style="color: lightcoral;font-weight: bolder">這是一個(gè)段落內(nèi)容.</p> <script> var pElem = document.getElementById('p1'); // 通過(guò) element.setAttribute() 方法設(shè)置樣式 pElem.setAttribute('style','color: lightblue;font-weight: lighter'); // 通過(guò) element.removeAttribute() 方法刪除樣式 pElem.removeAttribute('style'); </script> ``` > **值得注意的是:** 通過(guò) setAttribute() 方法設(shè)置內(nèi)聯(lián)樣式同樣是字符串類型。 ## CSSStyleDeclaration 對(duì)象 通過(guò) style 屬性獲取內(nèi)聯(lián)樣式的學(xué)習(xí)，我們知道 style 屬性返回的是 CSSStyleDeclaration 對(duì)象。該對(duì)象封裝了 CSS 中的所有樣式屬性，所以我們也可以通過(guò)該對(duì)象設(shè)置內(nèi)聯(lián)樣式。 CSSStyleDeclaration 對(duì)象提供的屬性和方法可以幫助我們?cè)O(shè)置 CSS 樣式的具體內(nèi)容。 | 屬性或方法 | 描述 | | --- | --- | | setProperty() | 為指定的 CSS 樣式屬性設(shè)置一個(gè)新的值。| | removeProperty() | 刪除指定的 CSS 樣式屬性。| ### setProperty() 方法 CSSStyleDeclaration 對(duì)象提供的 setProperty() 方法，用于設(shè)置指定的 CSS 樣式屬性。其語(yǔ)法結(jié)構(gòu)如下: ```javascript style.setProperty(propertyName, value, priority); ``` 上述語(yǔ)法結(jié)構(gòu)中，作為參數(shù)的 propertyName 表示要修改的 CSS 樣式屬性名稱。 value 是可選的，表示為修改的 CSS 樣式屬性新的值。如果沒(méi)有設(shè)置任何值，則表示空字符串。 參數(shù) priority 也是可選的，表示設(shè)置 CSS 樣式的優(yōu)先級(jí)別。 我們可以通過(guò)以下示例代碼，學(xué)習(xí)如何通過(guò) setProperty() 方法設(shè)置 CSS 的樣式屬性: ```html <p id="p1" style="color: lightcoral;font-weight: bolder">這是一個(gè)段落內(nèi)容.</p> <script> var pElem = document.getElementById('p1'); var styleDeclar = pElem.style; styleDeclar.setProperty('color','lightblue'); </script> ``` ### removeProperty() 方法 CSSStyleDeclaration 對(duì)象提供的 removeProperty() 方法，用于刪除指定的 CSS 樣式屬性。其語(yǔ)法結(jié)構(gòu)如下: ```javascript var oldValue = style.removeProperty(property); ``` 上述語(yǔ)法結(jié)構(gòu)中，作為參數(shù)的 property 表示要?jiǎng)h除的 CSS 樣式屬性名稱，作為返回值的 oldValue 表示刪除的樣式屬性的值。 我們可以通過(guò)以下示例代碼，學(xué)習(xí)如何通過(guò) removeProperty() 方法刪除 CSS 的樣式屬性: ```html <p id="p1" style="color: lightcoral;font-weight: bolder">這是一個(gè)段落內(nèi)容.</p> <script> var pElem = document.getElementById('p1'); var styleDeclar = pElem.style; styleDeclar.removeProperty('font-weight'); </script> ```