modifica HTML DOM
Modifica HTML = elementi di cambiamento, attributi, stili ed eventi.
Elementi Modifica HTML
Modifica HTML DOM significa molti aspetti diversi:
- Modificare il contenuto HTML
- Stili Modifica CSS
- Modificare gli attributi HTML
- Creare un nuovo elemento HTML
- Rimuovere gli elementi HTML esistenti
- Evento Change (gestore)
Nelle sezioni seguenti, studieremo a fondo il DOM HTML per modificare il metodo convenzionale.
Creare contenuti HTML
Il modo più semplice per modificare il contenuto dell'elemento è quello di utilizzare la proprietà innerHTML.
L'esempio seguente modifica il contenuto di un <p> elemento HTML:
Esempi
<body>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML="New text!";
</script>
</body>
</html>
Prova »
 | Vi spiegherà i dettagli della esempio nelle sezioni seguenti. |
|---|
Cambiare gli stili HTML
Attraverso il DOM HTML, è possibile accedere agli elementi HTML oggetto di stile.
L'esempio seguente per cambiare uno stile di paragrafo HTML:
Esempi
<body>
<p id="p2">Hello world!</p>
<script>
document.getElementById("p2").style.color="blue";
</script>
</body>
</html>
Prova »
Creare un nuovo elemento HTML
Per aggiungere un nuovo elemento al DOM HTML, è necessario creare l'elemento (un nodo di elemento), e quindi aggiungere agli elementi esistenti.
Esempi
<p id="p1">This is a paragraph.</p>
<p id="p2">This is another paragraph.</p>
</div>
<script>
var para=document.createElement("p");
var node=document.createTextNode("This is new.");
para.appendChild(node);
var element=document.getElementById("d1");
element.appendChild(para);
</script>
Prova »