Dator
 |  Startsida |  Hårdvara |  Nätverk |  Programmering |  Programvara |  Felsökning |  System |   
Programmering
  • C /C + + -programmering
  • Computer Programspråk
  • Delphi Programmering
  • Java Programming
  • JavaScript programmering
  • PHP /MySQL Programmering
  • perl Programmering
  • python Programming
  • Ruby programmering
  • Visual Basics Programmering
    		•
    * Dator Kunskap >> Programmering >> JavaScript programmering >> Content

    Hur du ändrar bakgrundsfärgen på en rad i JavaScript
    Vid visning av data i tabellform på en webbsida med hjälp av en HTML-tabell , kanske du vill använda färg för att förbättra visningen eller göra uppgifterna i tabellen mer lättläst . Det finns två sätt att ändra bakgrundsfärgen på en rad i en HTML- tabell med hjälp av JavaScript . Den första metoden använder JavaScript av sig själv , och den andra använder CSS och JavaScript . Instruktioner
    1

    Skapa en ny HTML- fil med en textredigerare eller Notepad . Ange ett HTML skelett och ändra titeln och returresa . ! Till exempel , typ :

    < DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd " >




    Row Sida 2 <p> Skapa en HTML-tabell mellan "kropp" taggar . Till exempel , typ : <br> <p> < table <br> 3 <p> Få en pekare till bordet elementet och hämta en array med pekare till varje rad i tabellen genom sina "tr " taggar . Gå till " backgroundColor " attributet direkt för att ändra det . Skriv till exempel : <br> <p> <script type="text/javascript"> <br> <p> var table = document.getElementById ( " mytable " ) ; <br> <p> var- v = table.getElementsByTagName ( "tr "); <br> <p> rader [ 0 ] style.backgroundColor = " # F30 ", . . <br> <p> rader [ 1 ] style.backgroundColor = " # 09C " , <br > <p> < /script > <br> 4 <p> Skapa ett CSS-format och placera den mellan "huvudet" taggar i webbsidan . Till exempel , typ : . <br> <p> <style Type="text/css"> <br> <p> även { backgroundColor : # F30 } <br> <p> udda { backgroundColor : . # 00C } <br> <p> < /style > <br> 5 <p> Skriv ett JavaScript -funktion som sätter in CSS-klass för att ändra bakgrundsfärgen . Skriv till exempel : <br> <p> <script type="text/javascript"> <br> <p> var table = document.getElementById ( " mytable " ) ; <br> <p> var- v = table.getElementsByTagName ( " tr " ) ; <br> <p> rader [ 0 ] className = " ens "; . <br> <p> rader [ 1 ] className = " udda " , . <br> <p> < ;/script > Addera <br> <div class=dad2><script language='javascript' src='/ad/201310/4.js'></script></div> <div class=dad3><script language='javascript' src='/ad/201310/33.js'></script></div> </div> </td> </tr> </table> <table class=dhang1 bgcolor="#DEE7EE"> <tr> <td></td> </tr> </table> <div class=dhang7></div> <table width="92%" height="51" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="50%"><p>Tidigare: <a class='LinkPrevArticle' href='http://www.dator.xyz/Programmering/javascript-programming/91024.html' >Hur du ändrar innehållet i en iFrame Med JavaScript </a></li></p></td> </tr> <tr> <td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programmering/javascript-programming/91026.html' >Hur man kör JavaScript på en webbsida </a></li></td> </tr> </table></td> </tr> </table> <div class=dhang7></div> <table class=s770x246 > <tr> <td class=s375x246 ><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table class=c1 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> relaterade artiklar </td> </tr> </table> <table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91030.html" title="Ställa en JavaScript VAR att Float " target="_self">Ställa en JavaScript VAR att Float </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91099.html" title="Hur man talar till en NTP -server med hjälp av JavaScript " target="_self">Hur man talar till en NTP -server med hjälp av JavaScr…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90960.html" title="Egenskaperna hos iFrame i Java " target="_self">Egenskaperna hos iFrame i Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91172.html" title="Hur man skapar ett datum Script " target="_self">Hur man skapar ett datum Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91054.html" title="Hur Markera en kolumn i JavaScript " target="_self">Hur Markera en kolumn i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90764.html" title="Javascript Partiella Funktioner " target="_self">Javascript Partiella Funktioner </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90951.html" title="Hur Ring JavaScript Från en HTML-mall " target="_self">Hur Ring JavaScript Från en HTML-mall </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91007.html" title="Hur konvertera en int till en sträng med javascript " target="_self">Hur konvertera en int till en sträng med javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91248.html" title="Hur konvertera HTML till JSP " target="_self">Hur konvertera HTML till JSP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91109.html" title="Hur beräkna summor beställningsformuläret på JavaScript " target="_self">Hur beräkna summor beställningsformuläret på JavaSc…</a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> <td width="20" valign="top"></td> <td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"> <table class=c3 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">Utvalda artiklarna </td> </tr> </table> <table class=c4 > <tr> <td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/python-programming/93922.html" title="Hur man använder en sträng som en variabel i Python " target="_self">Hur man använder en sträng som en variabel i Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/92003.html" title="Hur Ring PHP Metod Med Javascript " target="_self">Hur Ring PHP Metod Med Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88672.html" title="Hur du ändrar markören i en textruta " target="_self">Hur du ändrar markören i en textruta </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/96338.html" title="Hur får man en lista över skrivare i VB6 " target="_self">Hur får man en lista över skrivare i VB6 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91005.html" title="Hur Extrahera parametrar från en webbadress med JavaScript " target="_self">Hur Extrahera parametrar från en webbadress med JavaSc…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/94968.html" title="Hur man binda en DataSet till ett DataGridView " target="_self">Hur man binda en DataSet till ett DataGridView </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86951.html" title="Hur man skapar en grupp redo log " target="_self">Hur man skapar en grupp redo log </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89356.html" title="Konvertera HashMap till Bean " target="_self">Konvertera HashMap till Bean </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89831.html" title="Hur anger jag en TagLib i Java " target="_self">Hur anger jag en TagLib i Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90791.html" title="Hur man beräknar en Baseball Ticket i JavaScript " target="_self">Hur man beräknar en Baseball Ticket i JavaScript </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <div class=dhang8></div> <div class=dhang1></div> <table class=b1> <tr> <td class=bs height=90 align=middle>Copyright © Dator Kunskap http://www.dator.xyz </td> </tr> </table> <div class=dhang1></div> </div> </body> </html>