国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

JavaScript 之 DOM [ 樣式操作 ]

XFLY / 1114人閱讀

摘要:樣式操作描述可以通過對(duì)的樣式進(jìn)行操作元素屬性操作對(duì)象可以對(duì)屬性進(jìn)行操作表示獲取指定元素的屬性值表示對(duì)指定元素進(jìn)行添加屬性先寫屬性名,在寫屬性值表示對(duì)指定元素的指定屬性進(jìn)行刪除手機(jī)手表電腦對(duì)象也可以對(duì)屬性進(jìn)行操作表示獲取指定元素的屬性值表示

樣式操作 描述

JavaScript 可以通過 DOM 對(duì) CSS 的樣式進(jìn)行操作

元素屬性操作

Element對(duì)象可以對(duì)屬性進(jìn)行操作

getAttribute:表示獲取指定元素的屬性值

setAttribute:表示對(duì)指定元素進(jìn)行添加屬性 - 先寫屬性名,在寫屬性值

removeAttribute:表示對(duì)指定元素的指定屬性進(jìn)行刪除


手機(jī)

手表

電腦

獲取內(nèi)聯(lián)樣式 通過節(jié)點(diǎn)方式獲取指定目標(biāo)的CSS樣式

通過元素方式獲取指定目標(biāo)的CSS樣式

通過HTMLElement對(duì)象獲取指定目標(biāo)的CSS樣式

在DOM中HTMLElement對(duì)象提供了style屬性

該屬性會(huì)返回一個(gè)對(duì)象 - CSSStyleDeclaration對(duì)象

CSSStyleDeclaration對(duì)象封裝了所有CSS的樣式


獲取外聯(lián)樣式

    
    獲取外聯(lián)樣式
    


我特啊呦賭贏

獲取當(dāng)前有效樣式

獲取當(dāng)前有效樣式要注意樣式的優(yōu)先級(jí)別

window.getComputedStyle()

可以獲取指定元素的當(dāng)前有效樣式(有瀏覽器兼容問題)

currentStyle

可以作用在IE8版本的瀏覽器


啊啊啊啊啊啊

設(shè)置內(nèi)聯(lián)樣式 通過Element對(duì)象對(duì)屬性進(jìn)行設(shè)置

通過HTMLElement對(duì)象對(duì)屬性進(jìn)行設(shè)置

class屬性 Element對(duì)象class屬性

可以用來獲取指定元素的屬性,也可以對(duì)指定元素進(jìn)行設(shè)置


    
    class屬性的操作
    


Lorem ipsum dolor sit amet, consectetur adipisicing elit. A ad, asperiores delectus deleniti dicta eligendi exercitationem, fuga ipsa ipsam minus neque nihil non officiis provident, quidem quis reprehenderit velit vitae.
className屬性

    
    class屬性的操作
    


Lorem ipsum dolor sit amet, consectetur adipisicing elit. A ad, asperiores delectus deleniti dicta eligendi exercitationem, fuga ipsa ipsam minus neque nihil non officiis provident, quidem quis reprehenderit velit vitae.
classList屬性

    
    class屬性
    


我特啊呦賭贏

獲取寬和高

可以分為:獲取元素的寬和高、獲取內(nèi)容區(qū)的寬和高、獲取滾動(dòng)部分的寬和高


    
    獲取寬和高
    


文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/97203.html

相關(guān)文章

  • JavaScriptDOM樣式操作

    摘要:樣式操作獲取內(nèi)聯(lián)樣式以節(jié)點(diǎn)和元素的方法來獲取指定的樣式節(jié)點(diǎn)屬性獲取指定元素的屬性元素屬性獲取指定的元素的屬性對(duì)象以方法通過獲取樣式屬性值該屬性還具有屬性得到對(duì)象屬性獲取當(dāng)前元素中所有的樣式屬性內(nèi)容字符串類型屬性獲取當(dāng)前元素中樣式屬性的個(gè)數(shù)不 樣式操作 獲取內(nèi)聯(lián)樣式 以節(jié)點(diǎn)和元素的方法來獲取指定的CSS樣式 var div = document.getElementById...

    Brenner 評(píng)論0 收藏0
  • JavaScriptDOM樣式操作

    摘要:樣式操作獲取內(nèi)聯(lián)樣式以節(jié)點(diǎn)和元素的方法來獲取指定的樣式節(jié)點(diǎn)屬性獲取指定元素的屬性元素屬性獲取指定的元素的屬性對(duì)象以方法通過獲取樣式屬性值該屬性還具有屬性得到對(duì)象屬性獲取當(dāng)前元素中所有的樣式屬性內(nèi)容字符串類型屬性獲取當(dāng)前元素中樣式屬性的個(gè)數(shù)不 樣式操作 獲取內(nèi)聯(lián)樣式 以節(jié)點(diǎn)和元素的方法來獲取指定的CSS樣式 var div = document.getElementById...

    AJie 評(píng)論0 收藏0
  • JavaScript 工作原理十一-渲染引擎及性能優(yōu)化小技巧

    摘要:在中渲染樹中的每個(gè)節(jié)點(diǎn)即是一個(gè)渲染器或者渲染器對(duì)象。計(jì)算的樣式每個(gè)渲染器對(duì)象代表一個(gè)矩形區(qū)域通常是和一個(gè)節(jié)點(diǎn)的盒模型相對(duì)應(yīng)。坐標(biāo)系統(tǒng)是相對(duì)于根渲染器的。根渲染器的定位為和大小即為瀏覽器窗口的可視化部分比如。渲染器作廢其在屏幕上的矩形區(qū)域。 原文請(qǐng)查閱這里,略有刪減,本文采用知識(shí)共享署名 4.0 國際許可協(xié)議共享,BY Troland。 本系列持續(xù)更新中,Github 地址請(qǐng)查閱這里。 ...

    GraphQuery 評(píng)論0 收藏0
  • JavaScript 工作原理十一-渲染引擎及性能優(yōu)化小技巧

    摘要:在中渲染樹中的每個(gè)節(jié)點(diǎn)即是一個(gè)渲染器或者渲染器對(duì)象。計(jì)算的樣式每個(gè)渲染器對(duì)象代表一個(gè)矩形區(qū)域通常是和一個(gè)節(jié)點(diǎn)的盒模型相對(duì)應(yīng)。坐標(biāo)系統(tǒng)是相對(duì)于根渲染器的。根渲染器的定位為和大小即為瀏覽器窗口的可視化部分比如。渲染器作廢其在屏幕上的矩形區(qū)域。 原文請(qǐng)查閱這里,略有刪減,本文采用知識(shí)共享署名 4.0 國際許可協(xié)議共享,BY Troland。 本系列持續(xù)更新中,Github 地址請(qǐng)查閱這里。 ...

    Allen 評(píng)論0 收藏0
  • JavaScript 工作原理十一-渲染引擎及性能優(yōu)化小技巧

    摘要:在中渲染樹中的每個(gè)節(jié)點(diǎn)即是一個(gè)渲染器或者渲染器對(duì)象。計(jì)算的樣式每個(gè)渲染器對(duì)象代表一個(gè)矩形區(qū)域通常是和一個(gè)節(jié)點(diǎn)的盒模型相對(duì)應(yīng)。坐標(biāo)系統(tǒng)是相對(duì)于根渲染器的。根渲染器的定位為和大小即為瀏覽器窗口的可視化部分比如。渲染器作廢其在屏幕上的矩形區(qū)域。 原文請(qǐng)查閱這里,略有刪減,本文采用知識(shí)共享署名 4.0 國際許可協(xié)議共享,BY Troland。 本系列持續(xù)更新中,Github 地址請(qǐng)查閱這里。 ...

    RyanQ 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<