如何捕获指定<div>元素中的数值，存为变量并实现减1后回写？

嘿，我来帮你搞定这个需求！用JavaScript就能轻松实现，步骤非常清晰，我给你一步步拆解：

核心思路 #

先定位到目标DOM元素，提取里面的数字文本，转成数值后减1，最后把计算结果写回元素中。

具体实现代码 #

// 1. 定位到目标元素：同时拥有minheight_row和to_direction_cover两个class的div
const targetElement = document.querySelector('.minheight_row.to_direction_cover');

// 做个简单的容错处理，避免元素不存在时报错
if (targetElement) {
    // 2. 获取元素内的文本内容，转成整数（第二个参数10表示十进制）
    const currentValue = parseInt(targetElement.textContent.trim(), 10);

    // 再判断一下是否是有效数字，避免非数字内容导致计算出错
    if (!isNaN(currentValue)) {
        // 3. 计算减1后的新值
        const newValue = currentValue - 1;
        // 4. 把新值写回元素中
        targetElement.textContent = newValue;
    } else {
        console.error('元素内的内容不是有效的数字！');
    }
} else {
    console.error('未找到目标元素！');
}

代码细节说明 #

• document.querySelector('.minheight_row.to_direction_cover')：精准定位到同时拥有这两个class的div元素，注意class选择器之间没有空格，表示元素同时具备这两个类名。
• textContent.trim()：先去除文本前后的空格（避免元素内有多余空格影响数值转换），再用parseInt转成整数。
• 两层判断：先检查元素是否存在，再检查提取的内容是否是有效数字，这样能避免很多潜在的报错情况。

如果是在浏览器控制台直接测试，直接复制这段代码运行就行；如果是在项目里，把这段代码放在DOM加载完成的时机执行（比如放在DOMContentLoaded事件回调里，或者页面底部）。

内容的提问来源于stack exchange，提问作者Connor Cambridge