Question

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

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

但这似乎不起作用。

快速更新：这只是我试图解决的实际问题的前兆。基本上我在CMS里面只允许进行HTML编辑。这意味着我无法访问头部来添加自定义的javascript函数等。我要做的是创建一个内联函数，该函数采用指定的日期（例如，在一个范围内），然后根据某些颜色对其进行着色内联 js逻辑。

Answer 1

Spans没有“onload”事件。如果要在页面加载时运行，请使用以下代码在<head>上添加脚本块：

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

考虑到您对无法访问标题的说明：您可以在您定位的元素下方的任意位置添加<script>块，并且它可以正常工作。如果可能，请在</body>之前添加一个脚本块（或尽可能远地添加）。另一种可能性是从CMS编辑器添加一个类，并在外部CSS文件上定义该类。另一种可能性是内联CSS样式，正如defau1t的答案所示。

Answer 2

如果您有任何理由不使用css并希望使用JavaScript，那么您可以使用

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

Answer 3

onload事件是为body而不是DOM元素定义的。您可以使用document.getElementById("test").style.color = "red";

或简单使用：

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

使用javascript更改内联颜色

3 个答案: