js控制css更改伪元素的content

最近有个业务场景，需要在js中去控制伪元素content的内容。

查阅后找到了这种办法：想要修改只能修改content属性，其他属性不能修改

css:
::after{ content: attr(data-text);}

Js:
const item =document.getElementById ('元素id')
item.dataset.text = '要替换得数据'

attr：函数用于获取所选元素的属性值， 它接受三个参数，属性名称，类型和默认值。

语法: attr( attribute-name <type-or-unit>? [, <fallback> ]? )

好用的css函数好多，比如上一篇文章说到的var()，还有计算CSS值calc()

CSS函数大全_css 函数-CSDN博客