js能獲取,修改偽類元素 before或 after嗎?

時間 2021-10-27 18:34:42

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>

>click

button

>

>div::

after

style

>

>$('button'

).on

('click',()

=>)script

>

idea修改js檔案後無法部署

七小七 我也遇到了和題主一樣的問題,我的問題解決了,原因是引用的js檔案每次都被定向使用伺服器的,而不是本地修改的js,所以我找到重定向的地方並將其改為本地路徑就可以了。 董凌浩 題主解決了麼,我也是死活不行,重啟,重新部署都試過了 解決了 發現是chrome的鍋,把disable cache選上就...

unity中怎麼用JS修改其他指令碼的變數?

徐莉娜 這是我剛剛寫的HP呼叫修改指令碼 這裡的HP.Health是使用了指令碼PLAYERHP的Health變數 並在此指令碼偵測到粒子碰撞時修改指令碼PLAYERHP裡的Health變數 var HP PLAYERHP function Start function Update functio...

是否能獲取離職補償?

保鮮老友記 一 就法律層面看,題主若是未違反相關制度,未提辭呈,就不屬於主動離職 公司若是違約解雇,需支付經濟補償金 勞動合同法 第三十 六 第四十條規定,在一些情形下,用人單位可提前30日或額外支付乙個月工資後,解約 第三十六條用人單位與勞動者協商一致,可以解除勞動合同。但依據前兩條解除勞動合同的...