Javascript 附加第二个子项，更改其颜色，innerhtml

使用下面的例子，我想改变第二个字母的颜色

HTML代码包含：

 <div class="sideNavLogo" onload="changeColour()">My Wedding Website</div>

我的“ChangeColor”功能有很多不同的版本，但都不起作用。这是最新的。我更喜欢使用Javascript（而不是jQuery）

基本上，我想做的是“我的”的第二个字母是“y”，表示绿色

对于那些会质疑“为什么不使用jQuery”的人来说，我更喜欢先掌握基本原理，而不是使用库并且不知道它做什么

---

非常感谢您阅读所有这些！：第二，感谢那些愿意回答的人：）

以下是我在评论中提到的解决方案，使用CSS而不是JS：

.sideNavLogo{
字体大小：30px；
}
.sideNavLogo span{
颜色：#0e0；
}

---

我的婚礼网站

就个人而言，我会使用span和一些CSS，从您在这里展示的内容来看，您似乎根本不需要使用JS。这是一个选项还是你需要使用JS？JS不能直接将css应用于一封信-它必须将其包装在一个元素中，然后将css应用于该元素-因此，与其这样做，并在加载时获得一个未样式化的内容，为什么不直接将跨度应用于html，而不是使用JS呢

function changeColour(){
    var str = document.getElementById("sideNavLogo").innerHTML;
    var result = str.fontcolor("green");
    DocumentTimeline.getElementById("sideNavLogo").append;
}