دوم HTML يسمح جافا سكريبت لتغيير نمط عناصر HTML.
تغيير نمط HTML
لتغيير نمط عنصر HTML، استخدم بناء الجملة التالي:
document.getElementById(id).style.property=new style
يغير المثال التالي طراز <p> العنصر:
مثال
<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>
انها محاولة لنفسك » استخدام Events
دوم HTML يسمح لك لتنفيذ التعليمات البرمجية عند حدوث الحدث.
يتم إنشاؤها الأحداث من قبل المتصفح عندما "تحدث الأشياء" لعناصر HTML:
- النقر على عنصر
- تحميل الصفحة
- يتم تغيير حقول الإدخال
سوف تتعلم المزيد عن الأحداث في الفصل التالي من هذا البرنامج التعليمي.
يتغير هذا المثال أسلوب عنصر HTML مع id="id1" ، عندما يقوم المستخدم بالنقر فوق الزر:
مثال
<!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> انها محاولة لنفسك » المزيد من الأمثلة
رؤية كيفية جعل عنصر غير مرئي. هل تريد أن تظهر العنصر أو لا؟
كائن المرجعي HTML DOM ستايل
لجميع المنشآت الفاخرة ذات ال HTML DOM، أن ننظر في موقعنا الكامل كائن المرجعي HTML DOM نمط .
اختبر نفسك مع تمارين!
التمرين 1 » التمرين 2» التمرين 3 » التمرين 4» التمرين 5 »