使用javascript内联更改颜色

有没有办法使用javascript和HTML来更改跨距的颜色？例如：

<span onLoad="document.getElementById('test').style.color = 'red';" id="test">test</span>

测试

但这似乎不起作用

快速更新：这只是我试图解决的实际问题的前兆。基本上，我在一个CMS中，它只允许就地编辑HTML。这意味着我无法访问head来添加自定义javascript函数等。我试图做的是生成一个内联函数，该函数接受指定的日期（例如在span中），然后根据一些内联js逻辑对其着色。

span没有“onload”事件。如果要在页面加载时运行该脚本，请使用以下代码在

上添加脚本块：

window.onload = function() {
    document.getElementById('test').style.color = 'red';
}

考虑到您关于无法访问标题的说明：您可以在目标元素下方的任何位置添加一个

块，它可以正常工作。如果可能，在

之前添加一个脚本块（或尽可能向下）。另一种可能是从CMS编辑器中添加一个类，并在外部CSS文件中定义该类。还有一种可能是内联CSS样式，正如defau1t的回答所建议的那样。

span没有“onload”事件。如果要在页面加载时运行该脚本，请使用以下代码在

上添加脚本块：

window.onload = function() {
    document.getElementById('test').style.color = 'red';
}

---

考虑到您关于无法访问标题的说明：您可以在目标元素下方的任何位置添加一个

块，它可以正常工作。如果可能，在

之前添加一个脚本块（或尽可能向下）。另一种可能是从CMS编辑器中添加一个类，并在外部CSS文件中定义该类。另一种可能是内联CSS样式，正如defau1t的回答所建议的那样。

如果你有任何理由不使用

CSS

并且想使用

JavaScript

，那么你可以使用

window.onload=function(){
    document.getElementById('test').style.color = 'red';
}

---

如果您有任何理由不使用

css

，并且想要使用

JavaScript

，那么您可以使用

window.onload=function(){
    document.getElementById('test').style.color = 'red';
}

---

onload事件是为body而不是DOM元素定义的。您可以使用

document.getElementById（“测试”）.style.color=“红色”

或简单使用：

<span id="test" style="color:red;">test</span>

测试
onload事件是为body而不是DOM元素定义的。您可以使用
document.getElementById（“测试”）.style.color=“红色”

或简单使用：

<span id="test" style="color:red;">test</span>

测试
为什么不使用CSS？？？@js1568这只是我试图解决的实际问题的前兆。基本上，我在一个CMS中，它只允许就地编辑HTML。这意味着我无法访问head来添加自定义javascript函数等。我试图做的是生成一个内联函数，该函数接受指定的日期（例如在一个span中），然后根据一些内联js逻辑对其着色。@bswinnerton您知道header不是唯一可以放置脚本标记的地方（事实上，通常建议将脚本标记放在页面底部）@bswinnerton：请看我的答案为什么不使用CSS？？@js1568这只是我试图解决的实际问题的前兆。基本上我在一个CMS中，只允许就地HTML编辑。这意味着我没有权进入头部添加自定义javascript函数等等。我要做的是创建一个内联函数，ta选择指定的日期（例如，在一个span中），然后根据一些内嵌的js逻辑将其着色。@bswinnerton您知道页眉不是唯一可以放置脚本标记的位置（实际上通常建议您将脚本标记放置在页面底部）@bswinnerton：请参阅我的答案