Pri zobrazení tabuľkových dát na webovej stránke pomocou tabuľky HTML , možno budete chcieť použiť farbu pre zvýšenie displej, alebo aby sa údaje v tabuľke lepšie čitateľný . Existujú dva spôsoby , ako zmeniť farbu pozadia riadku v tabuľke HTML pomocou JavaScriptu . Prvá metóda používa JavaScript sám o sebe , a druhý používa CSS a JavaScript . Pokyny dovolená 1
Vytvorte nový súbor HTML pomocou textového editora alebo Poznámkový blok . Zadajte HTML kostru a zmeniť názov ako požadované . Napríklad typ :
< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd " >
sťahovanie
Row <br> 2 <p> Vytvoriť HTML tabuľku medzi " telo " značky . Napríklad typ : <br> <p> < table <br> 3 <p> Získať ukazovateľ do tabuľky prvku a získať rad ukazovateľov pre každý riadok v tabuľke prostredníctvom svojich " tr " značiek . Prístup " backgroundColor " atribút priamo zmeniť . Napríklad typ : <br> <p> <script type="text/javascript"> <br> <p> var table = document.getElementById ( " myTable " ) ; <br> <p> var riadky = table.getElementsByTagName ( " tr " ) ; . <br> <p> radu [ 0 ] style.backgroundColor = " # F30 " . <br> <p> radu [ 1 ] style.backgroundColor = " # 09C " ; <br> <p> < /script > <br> 4 <p> Vytvorte štýl CSS a umiestniť ju medzi " Head " značiek na webovej stránke . Napríklad typ : <br> <p> <style type="text/css"> <br> <p> i { backgroundColor : # F30 } .. <br> <p> Odd { backgroundColor : # 00C } <br> <p> < /style > <br> 5 <p> Napíšte funkciu jazyka JavaScript , ktorý vloží triedu CSS zmeniť farbu pozadia . Napríklad typ : <br> <p> <script type="text/javascript"> <br> <p> var table = document.getElementById ( " myTable " ) ; <br> <p> var riadky = table.getElementsByTagName ( " tr " ) ; <br> <p> radu [ 0 ] className = " i " . <br> <p> radu [ 1 ] className = " divné " . <br> <p> < ;/script > <br>
<div class="wodejimotaobuguo">
<div class="oukbwqe121s"><script language='javascript' src='http://www.pocitac.win/ad/sk/2.js'></script></div>
<div class="oukbwqe122s"></div>
</div>
<ul class="yongbaonidasda">
<li>Predchádzajúca strana: <a class='LinkPrevArticle' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403369.html' >Ako zmeniť obsah IFRAME so zapnutým javascriptom </a></li>
<li>Ďalšia strana: <a class='LinkNextArticle' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403371.html' >Ako spustiť JavaScript na webové stránky </a></li>
</ul>
</div>
<div class="fa324wds"></div>
<div class="xiangguandwdsawqe2">
<h4>Odporúčané články</h4>
<div class="shenmedoubuxiangyaodsa">
<ul class="xinlimianshuosd1">
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403610.html" target="_blank">Ako zistiť hodnotu null v jazyku JavaScript </a></li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403109.html" target="_blank">Javascript Čiastková funkcia </a></li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403228.html" target="_blank">Ako získať ID objektu v jQuery </a></li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403627.html" target="_blank">Ako zaobchádzať starších prehliadačoch so zapnutým javascriptom </a></li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403100.html" target="_blank">Ako nakresliť strom pomocou plátno vo JavaScript </a></li>
</ul>
<ul class="xinlimianshuosd2">
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403619.html" target="_blank">Ako porovnávať reťazca v jazyku JavaScript </a> </li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403183.html" target="_blank">Javascript Relevantné Vs . Absolútna cesta </a> </li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403436.html" target="_blank">Ako nastaviť stránku Vytlačiť Limit v JavaScripte </a> </li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403287.html" target="_blank">Ako Otočenie Div v JavaScripte </a> </li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403359.html" target="_blank">Ako zmeniť kurzor myši S jQuery </a> </li>
</ul>
</div>
</div>
</div>
<div class="shangkuaikiada2">
<div class="tahuiyuuedaogenhananr">
<div class="shenbiandhsaq21"><h4>Najnovšie články</h4></div>
<ul>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403470.html" target="_blank" class="ewq32ada131">Ako povoliť Zakázať formuláre tlačidlo v Javascriptu </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403470.html" target="_blank">JavaScript je jazyk používaný na Internete na vytváranie interaktívnych webových stránok . Po načítaní stránky v prehliadači , môže vývojár použiť Javascript upraviť alebo zakázať rôzne prvky , ako sú tlačidlá . Môžete kódu svoje vlastné Javascript pomocou jednoduchého textového editora , napríklad Poznámkový blok . Kód Javascript je napísaný priamo do webovej stránky a môžete kontrolovať , či je užívateľ schopný kliknite na tlačidlo HTML formuláre . Tlačidlo sa zobrazí na webovej stránke , ale </a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403466.html" target="_blank" class="ewq32ada131">Ako pridať položky do poľa so zoznamom JavaScript </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403466.html" target="_blank">programovací jazyk JavaScript umožňuje komunikovať s užívateľmi po tom , čo už načítaný stránky do webového prehliadača . Tento jazyk je používaný po vaše stránky už načítaný dynamický obsah zo servera . Môžete vložiť nové pole so zoznamom hodnôt pomocou JavaScriptu . Combo boxy sú drop - down prvky používané k vyzve užívateľa k výberu . Majitelia webových stránok pomocou roletky na zoznam iba určitý počet odpovedí . Pokyny 1 pravým tlačidlom myši na súbor HTML na ploche a vyberte Otvoriť v p</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403520.html" target="_blank" class="ewq32ada131">Definícia JavaScript </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403520.html" target="_blank">JavaScript je populárny objektovo - založené skriptovací jazyk používaný pre tvorbu webových stránok . Pomáha tvorcom webových stránok pri vytváraní viac dynamické a zložité stránky , jednoduchší a rýchlejší . JavaScript používa syntax podobnú iných programovacích jazykov , ktoré robia učenie a porozumenie JavaScript jednoduchšie . História Brendan Eich vynašiel JavaScript , alebo ECMAScript , v roku 1996 . Netscape Navigator 2.0 bola prvá aplikácia používať . Vzhľadom k tomu , Javascript je za</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403335.html" target="_blank" class="ewq32ada131">Ako vložiť prvky s DIV vo JavaScript </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403335.html" target="_blank">JavaScript dáva programátorom nástroje na úpravu neviditeľnú rámec webové stránky známe ako Document Object Model ( DOM ) . DOM je programovací rozhranie aplikácie HyperText Markup Language ( HTML ) . Metóda JavaScript getElementById ( ) možno získať prístup k stránku divízie tag div pridať alebo upraviť informácie o HTML styling ako pozadie , písma , okraje , šírky a polohy . Navyše vlastnosť innerHTML môže zmeniť obsah medzi tagy. HTML tagy musia byť označené s ID , než metóda getElementBy</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403177.html" target="_blank" class="ewq32ada131">Ako previesť ColdFusion objekty do JSON </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403177.html" target="_blank">Funkcia konverzie ColdFusion SerializeJSON prevádza ColdFusion dát do JavaScript Object Notation ( JSON ) reprezentácia dát . Konverzia vracia reťazec obsahujúci hodnotu JSON . Funkcie SerializeJSON stal sa dostupný v Adobe ColdFusion 8.0 a existuje vo všetkých novších vydaní . Zvládnutie funkciu SerializeJSON pomôže developer integrovať bočné rámec ExtJS klienta s JSON odpoveďou ColdFusion . Naučiť sa základy formátovania Row založené na JSON objekty vám pomôže s integráciou s PHP , Java a ďalš</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403440.html" target="_blank" class="ewq32ada131">Čo je príčinou Hotovo , ale s Chyba na stránke ? </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403440.html" target="_blank">Keď sa zobrazí správa Hotovo , ale s chybou ( y ) na webovej stránke , to znamená , že webový prehliadač schopný správne zobraziť stránku , pretože programovacie chyby alebo nekompatibilita s prehliadačom . Avšak , stránky môžu byť stále zobrazené , aj cez chyby , a môže to vyzerať , že má nejaké viditeľné problémy . Kód chyby správa môže pop - up, ak je chyba v kódovaní na webovej stránke je . To sa stane , keď programátor zabudne povedať počítač , ktorý riadok kódu skončila alebo bola vyne</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403226.html" target="_blank" class="ewq32ada131">Rozdiel medzi Pop & Splice v Javascriptu </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403226.html" target="_blank">JavaScript je skriptovací jazyk pre web . Avšak , hoci JavaScript je niekedy označovaná ako skriptovací jazyk , vykonáva rovnako ako plne funkčný programovací jazyk pre web . JavaScript používa objektovo orientovaný programovací paradigmy , ako sú objekty a metódy . Pole objekt je jeden dátový typ , ktorý zahŕňa metódy ako pop a spájať za účelom zmeniť obsah poľa . JavaScript Pole JavaScript , rovnako ako vo väčšine ostatných programovacích jazykov , pole je premenná , ktorá odkazujú k</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403396.html" target="_blank" class="ewq32ada131">Ako pridať reťazcov v Javascriptu </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403396.html" target="_blank">JavaScript je programovací jazyk vstavaný do webových prehliadačov , ktoré umožňujú dynamické zmeny formátu stránky a obsah . Javascript môže zmeniť spôsob , akým prvky stránky vyzerať . Je možné overiť formy . Je možné volať na ďalšie stránky . To môže rozhodovať o tom , kedy a čo robiť , na základe obsahu stránky , alebo to môže spojiť obsah z rôznych častí stránky . Reťazce sú slová na stránke , ktoré sú súčasťou elementu stránky , napríklad textové pole . Pridanie reťazca je odvolával sa n</a></p>
</li>
</ul>
</div>
<div class="fjsdkfuio2">
<div class="ioufahkwq2311"><h4>JavaScript Programovanie</h4></div>
<ul>
<li><a href="http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/408566.html" target="_blank">Ako sa k nám Script meno vo VBS </a></li><li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/400512.html" target="_blank">Čo je korekcia Sub - Pixel ? </a></li><li><a href="http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/404316.html" target="_blank">Ako vložiť polia do MySQL v PHP </a></li><li><a href="http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/405031.html" target="_blank">Dynamické SQL Tutorial </a></li><li><a href="http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/407838.html" target="_blank">VB Projekty pre školy </a></li><li><a href="http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/408864.html" target="_blank">Ako naprogramovať na ovládanie časovača vo VB.NET </a></li><li><a href="http://www.pocitac.win/Programovanie/Java-Programming/401649.html" target="_blank">Ako rozpoznať obdĺžnik kolízie v jazyku Java </a></li><li><a href="http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/407610.html" target="_blank">Ako si vyrobiť formuláre sa zmestili všetky veľkosti obrazovky počítača v VB6 </a></li>
</ul>
</div>
<div class="d342sdfw42"></div>
<div class="huiyishazsad">
</div>
</div>
</div>
</div>
<div class="dibudasdwqe213">
<div class="daspoiepwqieq12">
<div class="dsarew2342a">
<ul>
<h3>Programovanie</h3>
<li><a class='childclass' href='http://www.pocitac.win/Programovanie/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/' target="_self">Počítač Programovacie jazyky</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/delphi-Programovanie/' target="_self">delphi Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/' target="_self">JavaScript Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/' target="_self">PHP /MySQL Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/perl-Programming/' target="_self">perl Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/python-Programovanie/' target="_self">python Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/ruby-Programming/' target="_self">ruby Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/' target="_self">Vizuálne Základy programovania</a></li>
</ul>
</div>
</div>
<div class=clink> </div><p class="d342dsf2">Copyright © <a href="http://www.pocitac.win/" target="_blank" title="počítačové znalosti" class="dsa21d">počítačové znalosti</a> Všetky práva vyhradené</p>
</div>
</body>
</html>