国产探花免费观看_亚洲丰满少妇自慰呻吟_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方法的第二個參數,你能獲取到偽元素樣式里的屬性!將這個技巧放入你的知識庫里,隨著瀏覽器的發展,偽元素將會變得越來越有用!

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

圖片精選

主站蜘蛛池模板: 兴化市| 翁牛特旗| 乌恰县| 南召县| 肃北| 长顺县| 玛沁县| 玛沁县| 兴安盟| 怀宁县| 仁寿县| 临泽县| 无棣县| 长岛县| 呼和浩特市| 香港| 松原市| 肇源县| 漳浦县| 聊城市| 仁寿县| 河西区| 兴隆县| 会宁县| 嘉黎县| 凤庆县| 方城县| 佛坪县| 张家港市| 平塘县| 高尔夫| 定远县| 泰来县| 梁山县| 义马市| 铅山县| 吐鲁番市| 舞钢市| 富民县| 商洛市| 绍兴市|