错误: Cannot read properties of null (reading 'style')

🔍 报错分析

1. 🌐 错误翻译

原文：Cannot read properties of null (reading 'style')
译文：无法读取 null 的属性（读取 'style'）

2. 🎯 原因分析

3. 💡 解决方案

#### 核心修复思路
在使用 style 前，先判断元素是否存在，避免直接操作 null。

// 修复前的代码（错误示例）
const element = document.getElementById('nonExistentId');
element.style.color = 'red'; // element 为 null，触发报错

// 修复后的代码
const element = document.getElementById('nonExistentId');
// 方案1：添加空值检查
if (element) {
  element.style.color = 'red';
} else {
  console.error('未找到目标元素，ID: nonExistentId');
}

// 方案2：使用可选链（推荐，更简洁，兼容现代浏览器/环境）
element?.style?.color = 'red'; // 若 element 为 null/undefined，可选链会安全返回 undefined，不会报错

4. 🛡️ 预防措施