0

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

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

但这似乎不起作用。

快速更新：这只是我要解决的实际问题的前兆。基本上我在一个只允许就地 HTML 编辑的 CMS 中。这意味着我无法访问头部来添加自定义 javascript 函数等。我要做的是制作一个内联函数，它采用指定的日期（例如跨度），然后根据一些对其进行着色内联js逻辑。

4

3 回答 3

3

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

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

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

于 2012-12-11T20:31:41.877 回答
2

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

window.onload=function(){
    document.getElementById('test').style.color = 'red';
}
于 2012-12-11T20:32:28.417 回答
1

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

或简单使用：

<span id="test" style="color:red;">test</span>
于 2012-12-11T20:35:31.897 回答