2 
<HTML>
<HEAD>
</HEAD>
<BODY>
<div id="outputDiv"></div>
    <script language="JavaScript">
        document.getElementById("outputDiv").innerHTML = "";
        var HTML = "";
        HTML = "<table border=1><tr><td id='1'>1</td><td id='2'>2</td><td id='3'>3</td></tr></tabele>";
        document.getElementById("outputDiv").innerHTML = HTML;

        document.getElementById('2').innerHTML = '<td id=1 bgcolor="red">5</td>';
    </script>
</BODY>

JavaScriptを使ってテーブルを作っています。一部のセルの背景色を変更したいので、getElementById を使用します。テキスト値は変更できますが、セルの背景色は変更できません。誰でもこの問題について知っていますか??

4

2 に答える 2

11

jQueryを使用せずにJavascriptでこれを実行する場合は、次を使用してください。

document.getElementById('2').style.backgroundColor="red";

styleで返されるオブジェクトのプロパティを使用するgetElementById()かgetElementByClass()、CSSスタイルを変更できます。

作業中のjsfiddle

于 2012-12-08T09:09:54.853 に答える
-1

いくつかのセルの背景色を変更したい...?? 今すぐあなたのコードを始めないでください。古き良き時代に何が起こったのか

$('selector').css('backgroundColor','red')

ここでのセレクターは、選択するhtml要素を参照します。あなたの場合、それはテーブルセルを選択しなければなりません。

そして、なぜあなたはまだbgcolorを使用しているのですか？cssの何が問題になっていますか？いくつかの新しい本を入手してください。

于 2012-12-08T09:09:11.763 に答える