Javascript 无法将样式属性设置为“未定义”

这是我的HTML：

<h1 id="test">Stand Out<h1> 

现在，我不知道为什么会出现以下错误

---

未捕获类型错误：无法设置未定义的属性“color”

let变量的内容不是DOM对象，它只是一个字符串。它没有可修改的

样式

属性

如果这只是一个静态页面，我建议将

Out

单词包装到一个单独的

标记中，然后对其进行相应的样式设置：

脱颖而出

要将其设置为绿色：

document.getElementById（“test1”）.style.color=“绿色”

let out=document.getElementById（'inner'）；
out.style.color='绿色'
Out
Out
不再是DOM元素，它的文本您认为
Out
将是什么？它只是文本
Out
，您不能仅在文本上设置样式。您需要将其包装在一个元素中，如span@SwilamMuhammad如果我的答案对你有帮助，一定要记下；）
let out = document.getElementById('test').textContent.slice(6,9);
out.style.color = 'green';