站長資訊網
        最全最豐富的資訊網站

        用JavaScript獲取偽元素(Pseudo-Element)屬性的方法詳解

        用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方法的第二個參數,你能獲取到偽元素樣式里的屬性!將這個技巧放入你的知識庫里,隨著瀏覽器的發展,偽元素將會變得越來越有用!

        推薦教程:《javascript基礎教程》

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 伊人久久精品线影院| 美女岳肉太深了使劲国产精品亚洲专一区二区三区 | 在线观看国产精品日韩av| 亚洲精品天天影视综合网| 国产精品乱码高清在线观看| 野狼第一精品社区| 欧美人与动牲交a欧美精品| 夜色www国产精品资源站| 国产精品人成在线播放新网站| 亚洲欧美日韩精品专区| 国内精品欧美久久精品| 办公室久久精品| 亚洲精品高清久久| 国产人成精品午夜在线观看| 久久99国产综合精品女同| 亚洲精品尤物yw在线影院| 精品久久久久久无码中文野结衣| 日韩精品一区二区三区四区 | 999精品在线| 精品无码无人网站免费视频| 亚洲精品无码久久久久AV麻豆| 精品亚洲成α人无码成α在线观看| 亚洲国语精品自产拍在线观看| 国产精品视频a播放| 国产cosplay精品视频| 国产精品丝袜黑色高跟鞋| 久久久久久亚洲Av无码精品专口| 亚洲精品无码高潮喷水在线| 欧美精品黑人粗大视频| 久久97久久97精品免视看| 国产欧美一区二区精品性色99| 99久久精品免费观看国产| 2024最新国产精品一区| 2021国产成人精品久久| wwwvr高清亚洲精品二区| 日韩精品一区二区三区四区| 欧美精品/日韩精品/国产精品| 久久精品国产精品青草app| 国产精品高清视亚洲精品| 国产精品福利网站导航| 亚洲第一精品在线视频|