如何通过TypeScript将HTML中ID为miniTag的p标签设为红色

你的错误在于把类型断言和样式设置的语法混写了，而且ID还写错成了miniTagg（HTML里是miniTag），这完全不符合TypeScript语法规范。以下是几种正确的实现方式：

直接设置内联样式（基础写法） #

先正确获取元素，再通过元素的style属性修改颜色：

// 获取元素，注意ID要和HTML中的一致
const miniTagElement = document.getElementById("miniTag") as HTMLElement;
// 设置文字颜色为红色
miniTagElement.style.color = "red";

更严谨的写法（处理元素可能不存在的情况） #

考虑到getElementById可能返回null，添加判断避免报错：

const miniTagElement = document.getElementById("miniTag");
if (miniTagElement) {
  // TypeScript会自动推断元素类型，无需额外断言
  miniTagElement.style.color = "red";
}

通过CSS类设置样式（推荐） #

如果你的.red类已经在CSS中定义了color: red;，可以直接给元素添加类：

const miniTagElement = document.getElementById("miniTag");
if (miniTagElement) {
  miniTagElement.classList.add("red");
  // 如需切换类可使用 classList.toggle("red")，移除类用 classList.remove("red")
}

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