|
|
|
|
|
|
1. Manipulisanje HTML elementima |
2. Pisanje document izlazu |
|
|
Da bi pristupio jednom HTML element iz Javascripta, možeš koristiti document.getElementById(id) metodu. Koristi “id” atribut da identifikuješ HTML element: |
Primjer ispod piše <p> element direkno u HTML document izlaz. |
|
| <!DOCTYPE html> <html> <body> <h1>Moja prva web prezentacija</h1> <p id="demo">Moj prvi paragrafh</p> <script> document.getElementById("demo").innerHTML="Moj prvi JavaScript"; </script> </body> </html> |
<!DOCTYPE html> <html> <body> <h1>Moja prva web prezentacija</h1> <script> document.write("<p>Moj prvi Javascript</p>"); </script> </body> </html> |
|
| U ovom slučaji, browser će pristupiti HTML element sa id=”demo”, i zamjeniti njegov sadržaj (innerHTML) sa “Moj prvi JavaScript”. | ||
|
3. Upozorenje |
|
|
|
Koristi document.write() samo da pišeš direkno u document izlaz. Ako izvršiš document.write nakon što je document učitan, cijela HTML stranica biće preljepljena.. |
||
| <!DOCTYPE
html> <html> <body> <h1>Moja prva web prezentacija</h1> <p>Moj prvi paragraf.</p> <button onclick="myFunction()">Klikni me</button> <script> function myFunction() { document.write("Oops! Dokument je nestao! "); } </script> </body> </html> |
||