使用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.