JavaScript中如何獲取偽元素法

JavaScript中如何獲取偽元素法？針對(duì)這個(gè)問題，這篇文章給出了相對(duì)應(yīng)的分析和解答，希望能幫助更多想解決這個(gè)問題的朋友找到更加簡(jiǎn)單易行的辦法。

CSS偽元素(pseudo-elements)非常的有用——你可以用它制作出CSS三角形，用在提示框上面，還可以用它完成很多簡(jiǎn)單的任務(wù)，而不需要多余的HTML元素。以前，偽元素的CSS屬性是無(wú)法用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ì)變得越來越有用！

關(guān)于JavaScript中獲取偽元素法的方法就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。