欧美亚洲中文,在线国自产视频,欧洲一区在线观看视频,亚洲综合中文字幕在线观看

      1. <dfn id="rfwes"></dfn>
          <object id="rfwes"></object>
        1. 站長(zhǎng)資訊網(wǎng)
          最全最豐富的資訊網(wǎng)站

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

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

          CSS偽元素(pseudo-elements)非常的有用——你可以用它制作出CSS三角形,用在提示框上面,還可以用它完成很多簡(jiǎn)單的任務(wù),而不需要多余的HTML元素。以前,偽元素的CSS屬性是無法用JavaScript獲取的,但現(xiàn)在,有了一個(gè)新的JavaScript方法可以訪問它們! 假設(shè)你的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方法的第二個(gè)參數(shù),你能獲取到偽元素樣式里的屬性!將這個(gè)技巧放入你的知識(shí)庫(kù)里,隨著瀏覽器的發(fā)展,偽元素將會(huì)變得越來越有用!

          推薦教程:《javascript基礎(chǔ)教程》

          贊(0)
          分享到: 更多 (0)
          網(wǎng)站地圖   滬ICP備18035694號(hào)-2    滬公網(wǎng)安備31011702889846號(hào)