无法通过JS更改元素的亮度

是因为CSS中的亮度属性不支持通过JavaScript直接修改。亮度属性是指元素的亮度级别，可以用来调整元素的明暗程度。

要实现通过JavaScript更改元素的亮度，可以通过以下步骤：

使用JavaScript获取要更改亮度的元素。可以使用document.getElementById()或其他选择器方法来获取元素的引用。
创建一个CSS类或直接修改元素的style属性，添加亮度属性。亮度属性可以使用CSS的filter属性中的brightness()函数来实现。例如，设置亮度为50%可以使用filter: brightness(50%);。
将创建的CSS类应用于元素，或直接将修改后的style属性赋值给元素。

以下是一个示例代码：

// 获取要更改亮度的元素
var element = document.getElementById("myElement");

// 创建一个CSS类或直接修改元素的style属性，添加亮度属性
var brightnessValue = "50%"; // 设置亮度值
var cssClass = "brightness-class"; // 创建一个CSS类名
var cssStyle = "filter: brightness(" + brightnessValue + ");"; // 创建一个包含亮度属性的style字符串

// 将创建的CSS类应用于元素，或直接将修改后的style属性赋值给元素
element.classList.add(cssClass); // 应用CSS类
// 或
element.style.cssText = cssStyle; // 直接赋值修改后的style属性

这样，通过添加亮度属性的CSS类或直接修改元素的style属性，就可以实现通过JavaScript更改元素的亮度。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），腾讯云云函数（SCF），腾讯云云数据库MySQL版（TencentDB for MySQL），腾讯云内容分发网络（CDN），腾讯云人工智能（AI）等。你可以通过访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的详细信息。