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

        用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號
        主站蜘蛛池模板: 国产精品久久久久9999高清| 国产精品999| 国产成人精品日本亚洲直接| 国产成人精品免高潮在线观看| 久久九九久精品国产| 国产精品综合色区在线观看| 国产在线精品福利大全| 国产精品免费大片| 热99re久久国超精品首页| 精品无码久久久久久久久久 | 久久99热这里只有精品国产| 亚洲国产精品无码久久98| 国产高清在线精品一区| 无翼乌无遮挡全彩老师挤奶爱爱帝国综合社区精品 | 精品国产第一国产综合精品| 亚洲一二成人精品区| 中文精品无码中文字幕无码专区| 国产AV国片精品| 亚洲精品456播放| 99久久99久久精品国产| 精品久久久噜噜噜久久久| 免费精品精品国产欧美在线欧美高清免费一级在线 | 成人精品一区二区三区在线观看| 最新精品露脸国产在线 | 国产美女久久精品香蕉69| 国产亚洲精品线观看动态图| japanese乱人伦精品| 亚洲精品无码高潮喷水在线| 国产精品一香蕉国产线看观看| 国产精品999| 国产精品成人va| 2020国产精品永久在线| 精品视频无码一区二区三区 | 日韩精品免费在线视频| 99精品国产一区二区三区2021 | 99久久精品免费| 91精品婷婷国产综合久久| 久久精品国产91久久麻豆自制| 99国产精品无码| 国产精品久久久久天天影视| 99精品在线播放|