如何使用JavaScript动态更新`grid-row-end`的值？

在JavaScript中，你可以通过操作HTML元素的style属性或者利用CSS的`:style`伪类来动态更新`grid-row-end`的值。这里有两个常见的方法：

1. **直接修改元素样式**:

// 获取需要更新的元素
const gridItem = document.querySelector('.your-grid-item');

// 设置新的行结束值（假设新值是4）
const newRowEnd = 'row-end / span 4'; // 格式通常是 'row-end / span <number>'

// 更新样式
gridItem.style.gridColumn = newRowEnd;

2. **使用内联样式**:
如果你想要更精细的控制，并且不想通过CSS选择器，可以直接给元素添加一个`data-*`属性存储样式，然后使用`innerHTML`或`innerText`设置：

gridItem.setAttribute('style', `grid-row-end: ${newRowEnd}`);

注意，`grid-row-end`通常用于Grid布局，所以你需要确保该元素已经应用了`display: grid`。