0

javascript と HTML を使用してスパンの色を変更する方法はありますか? 例えば：

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

しかし、それはうまくいかないようです。

簡単な更新:これは、私が解決しようとしている実際の問題の前兆にすぎません。基本的に、私はその場での HTML 編集のみを許可する CMS の中にいます。つまり、カスタム JavaScript 関数などを追加するために head にアクセスできないということです。インラインjs ロジック。

4

3 に答える 3

3

スパンには「onload」イベントがありません。ページの読み込み時にそれを実行する場合は<head>、次のコードを使用して にスクリプト ブロックを追加します。

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

ヘッダーにアクセスできないことについての明確化を考慮して、<script>ターゲットにしている要素の下のどこにでもブロックを追加でき、それが機能します。可能であれば、1 つのスクリプト ブロックを前に</body>(またはできるだけ下に) 追加します。もう 1 つの可能性は、CMS エディターからクラスを追加し、そのクラスを外部 CSS ファイルで定義することです。defau1tの回答で提案されているように、さらに別の可能性はインラインCSSスタイルです。

于 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 イベントは、DOM 要素ではなく body に対して定義されます。使用できますdocument.getElementById("test").style.color = "red";

または単純な使用:

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