js修改伪元素before

在JavaScript中，直接操作HTML元素的CSS样式通常通过`style`属性或`classList`方法来完成，但是如果你想直接改变伪元素（如`:before`或`:after`) 的内容或样式，由于它们实际上是附加到元素的行内样式或作为`::before`或`::after`选择器的一部分，你并不能直接设置。你需要通过操纵真实DOM元素的内容来间接影响。

例如，如果你有一个元素`<div>`，你可以先获取到它的第一个子元素（如果存在伪元素），然后手动修改其文本：

var element = document.querySelector('div');
if (element.firstElementChild) {
  var pseudoElement = element.firstElementChild;
  pseudoElement.textContent = '新的内容';
}

对于修改CSS样式，可以这样操作：

element.style.setProperty('--my-pseudo-element', 'content: "新样式的文字"; color: red;');

注意这里使用的是自定义属性（Custom Properties），而不是直接设置`::before`的样式。浏览器需要支持CSS变量才能生效。

然而，这种做法并不是标准的JavaScript操作伪元素的方式，因为JavaScript本身并不提供直接操作伪元素的能力。一般来说，更推荐使用纯粹的CSS或者配合使用JavaScript来控制DOM来达到这样的效果。