国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JavaScript獲取偽元素(Pseudo-Element)屬性的方法技巧

2024-05-06 16:16:39
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了JavaScript獲取偽元素(Pseudo-Element)屬性的方法技巧,本文直接給出實現代碼,需要的朋友可以參考下
 

CSS偽元素(pseudo-elements)非常的有用——你可以用它制作出CSS三角形,用在提示框上面,還可以用它完成很多簡單的任務,而不需要多余的HTML元素。以前,偽元素的CSS屬性是無法用JavaScript獲取的,但現在,有了一個新的JavaScript方法可以訪問它們! 假設你的CSS代碼是這樣的:

復制代碼代碼如下:

.element:before {
 content: 'NEW';
 color: rgb(255, 0, 0);
}

為了獲取.element:before里的樣式屬性,你可以使用下面的JavaScript代碼:
復制代碼代碼如下:

var color = window.getComputedStyle(
 document.querySelector('.element'), ':before'
).getPropertyValue('color')

將偽元素作為window.getComputedStyle方法的第二個參數,你能獲取到偽元素樣式里的屬性!將這個技巧放入你的知識庫里,隨著瀏覽器的發展,偽元素將會變得越來越有用!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 镶黄旗| 迁西县| 乌拉特前旗| 盐亭县| 柯坪县| 聊城市| 信宜市| 成武县| 平塘县| 宣武区| 南昌市| 元朗区| 蒲江县| 开平市| 纳雍县| 开江县| 神池县| 资阳市| 阜宁县| 荔波县| 长葛市| 开原市| 嘉鱼县| 阿拉善右旗| 思南县| 普安县| 普宁市| 台北县| 隆化县| 武定县| 南漳县| 渭南市| 开江县| 额济纳旗| 平顺县| 内江市| 中卫市| 潜山县| 双牌县| 双牌县| 华蓥市|