1樓:Jim Yuan
例如,css 是這樣滴:
divdiv
::before
例如,js 是這樣滴:
const_o=
document
.querySelector
('div'
);constfz=
window
.getComputedStyle(_o
,'::before'
).getPropertyValue
('font-size'
);div
.innerHTML
=`偽元素的字型大小:$`
// 偽元素的字型大小:16px
FYI: Window.getComputedStyle()-------我來分割一下------
用以上 getComputedStyle 方法是無法直接修改偽元素內容的,但是我們可以用乙個間接的方法,那就是 CSS 裡的 attr() 函式,它可以獲取該容器上定義的屬性值。
偽元素 ::before & ::after 的生效,必須要有 content 屬性,而我們可以用 JS 動態改變節點屬性的值,從而讓偽元素的內容也跟著改變:
="優點" >div>