使用js修改伪元素:before的属性

要修改伪元素 `:before` 的属性，可以使用 JavaScript 中的 `style` 属性来设置其样式。具体步骤如下：

1. 获取要修改的元素，可以使用 `document.querySelector` 方法来获取元素节点。

2. 使用 `window.getComputedStyle` 方法获取伪元素 `:before` 的计算样式。

3. 通过 `style` 属性设置要修改的样式，例如设置 `content` 属性的值为 `"Hello World!"`，可以使用如下代码：

   const element = document.querySelector('.element');
   const beforeStyle = window.getComputedStyle(element, ':before');
   beforeStyle.content = '"Hello World!"';

其中，`.element` 是要修改的元素的选择器。注意，在设置 `content` 属性时需要用引号将其值包裹起来。

4. 最后，将修改后的样式应用到伪元素上，可以使用 `element.setAttribute` 方法将 `style` 属性设置为修改后的样式字符串，例如：

   element.setAttribute('style', `content: ${beforeStyle.content}`);

这样就可以将修改后的样式应用到伪元素上了。