无法将样式属性设置为undefined

Question

这是我的HTML：

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

我想做的是使用slice()方法，然后将样式应用于我选择的子字符串

这是我的JS代码

let out = document.getElementById('test').textContent.slice(6,9);
out.style.color = 'green';

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

未捕获的TypeError：无法设置未定义的属性'color'

Answer 1

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

如果这只是一个静态页面，建议将Out字包装到单独的<span>标签中，然后相应地设置其样式：

<h1 id="test">Stand <span id="test1">Out</span> </h1>

并设置为绿色：

document.getElementById("test1").style.color = "green";

Answer 2

if($severity & error_reporting()) 
   //report on these errors.

let out = document.getElementById('inner');
out.style.color = 'green';