HTML DOMاجازه ميدهد كه جاوااسكريپت استايل عناصر HTML را تغيير دهد .
فرمت كلي تغييردادن استايلHTML مطابق زيراست :
مثال ـ تغييردادن استايل عنصر<p>
html> <body> <p id="p2">Hello World!</p> <script> document.getElementById("p2").style.color = "blue"; </script > </body> </html>
HTML DOMاجازه ميدهد كه از طريق رويدادها در هنگام رويداد، كدي را اجرا كنيد.
رويدادها زماني توسط مرورگرها ايجاد ميشوند، كه موارد زير براي عنصرHTML پيش آيد .
در مورد رويدادها در فصل بعدي توضيحات بيشتري داده ميشود.
مثال ـ هنگاميكه روي عنصري با شناسهid="id1" كليك ميشود، استايل آن عنصر تغيير ميكند.
<!DOCTYPE html> <html> <body> <h1id="id1">My Heading 1</h1> <button type="button" onclick="document.getElementById('id1').style.color = 'red'"> Click Me! </body> </html>
مثال ـ دراين مثال بااستفاده از ويژگيVisibility متن را قابل مشاهده يا مخفي ميكند