使用JavaScript内联更改颜色
[英]Change color inline with javascript
问题描述
有没有一种方法可以使用javascript和HTML来更改跨度的颜色？ 例如：
<span onLoad="document.getElementById('test').style.color = 'red';" id="test">test</span>
但这似乎不起作用。
快速更新：这只是我要解决的实际问题的先兆。 基本上，我在CMS中，后者仅允许就地HTML编辑。 这意味着我无权添加自定义javascript函数等。我想做的是制作一个内联函数，该函数采用指定的日期（例如，一个跨度），然后根据一些日期对其进行着色内联 js逻辑。
3 个解决方案
解决方案1
3 已采纳 2012-12-11 20:31:41
跨度没有“ onload”事件。 如果要在页面加载时运行该脚本，请在<head>使用以下代码添加脚本块：
window.onload = function() {
document.getElementById('test').style.color = 'red';
}
考虑到您对无法访问标头的澄清：您可以在要定位的元素下方的任意位置添加<script>块，它可以正常工作。 如果可能，请在</body>之前添加一个脚本块（或尽可能向下）。 另一种可能性是仅从CMS编辑器中添加一个类，然后在外部CSS文件上定义该类。 另一种可能是内联CSS样式，如defau1t的答案所建议。
解决方案2
2 2012-12-11 20:32:28
如果您有任何不使用css原因，并想使用JavaScript则可以使用
window.onload=function(){
document.getElementById('test').style.color = 'red';
}
解决方案3
1 2012-12-11 20:35:31
onload事件是为主体（而不是DOM元素）定义的。 您可以使用document.getElementById("test").style.color = "red";
或简单使用：
<span id="test" style="color:red;">test</span>
JavaScript内联DOM更改事件
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.