Ultimele tutoriale de dezvoltare web
 

JavaScript HTML DOM - CSS Schimbarea


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 »