HTML DOM permite JavaScript pentru a schimba stilul de elemente HTML.
Schimbarea HTML Stil
Pentru a schimba stilul unui element HTML, utilizați această sintaxă:
document.getElementById( Exemplul următor schimbă stilul unui <p> Element: Exemplu
<html>
<body>
<p id="p2">Hello World!</p>
<script>
document.getElementById("p2").style.color = "blue";
</script>
<p>The paragraph above was changed by a script.</p>
</body>
</html>
Încearcă - l singur »
Utilizarea Events
HTML DOM vă permite să execute cod atunci când are loc un eveniment.
Evenimentele sunt generate de browser atunci când "things happen" la elemente HTML:
- Un element se face clic pe
- Pagina a încărcat
- câmpuri de intrare sunt schimbate
Vei afla mai multe despre evenimente în următorul capitol al acestui tutorial.
Acest exemplu schimbă stilul elementului HTML cu id="id1" , atunci când utilizatorul face clic pe un buton:
Exemplu
<!DOCTYPE html>
<html>
<body>
<h1 id="id1">My Heading 1</h1>
<button type="button"
onclick="document.getElementById('id1').style.color = 'red'">
Click Me!</button>
</body>
</html> Încearcă - l singur »
Mai multe exemple
Vizibilitatea Cum de a face un element invizibil. Doriți să arate elementul sau nu?
HTML DOM Stil obiect de referință
Pentru toate proprietățile de stil HTML DOM, uita - te la nostru complet HTML DOM Stil obiect de referință .
Testați-te cu exerciții!
Exercițiul 1 » Exercițiul 2» Exercițiul 3 » Exercițiul 4» Exercițiul 5 »