HTML : Tabelle Ändern Farbe mit getElementById

<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>

Ich mache Tabelle mit Javascript.
Ich möchte ändern einige Zelle Hintergrundfarbe, so dass ich mit getElementById.
Ändern kann ich seine text Wert, aber ich kann nicht ändern, Zelle Hintergrundfarbe.
Wer weiß zu diesem problem??

InformationsquelleAutor Jimmy | 2012-12-08
  1. 8

    Wenn Sie dies tun möchten, die in Javascript ohne jQuery verwenden Sie einfach diese :

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

    Mit der Eigenschaft style eines Objekts zurückgegeben mit getElementById() oder getElementByClass() Sie können ändern Sie den CSS-Stil.

    Arbeiten jsfiddle

    InformationsquelleAutor koopajah
  2. -1

    möchten Sie zum ändern der Hintergrundfarbe von einigen Zelle...?? Verstehen Sie mich nicht begonnen auf Ihre codes jetzt.
    Was ist aus der guten alten

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

    Den Selektor bezieht sich hier auf das html-element, das Sie auswählen möchten. In Ihrem Fall, Sie muss wählen Sie die Zellen der Tabelle.

    ... Und warum sind Sie immer noch mit bgcolor?? Was ist falsch mit css??? Schnappen Sie sich einige neue Bücher.

    • Recht gut...ich bevorzuge, dass auf plain js
    • Gehen Sie auf...ich bin ganz Ohr
    • es verwendet die queryselectorall, nach meinem wissen
    InformationsquelleAutor geekman
Schreibe einen Kommentar