التكرار والمعالجة

الدرس 6 من 13 في دورة دوال JavaScript DOM على Coddy.

لنقم بتحدٍ!

التحدي

سهل

لقد تم تزويدك بكود HTML يحتوي على خمس فقرات تحمل اسم الفئة item.

باستخدام JavaScript فقط، قم بتعديل نص الفقرات لتصبح مثل قائمة مرقمة.

إليك المخرجات المتوقعة:

لا تنسَ تحديث صفحة الويب لرؤية تعديلات JS!

جرّب بنفسك

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <p class="item">Banana</p>
        <p class="item">Apple</p>
        <p class="item">Pear</p>
        <p class="item">Water</p>
        <p class="item">Milk</p>
        <script src="script.js"></script>
    </body>
</html>

جميع دروس دوال JavaScript DOM

1مقدمة

مقدمة Document Object Model

2طرق DOM (١)

getElementById تعديل نمط العنصر getElementsByClassNameالتكرار والمعالجةgetElementsByTagName querySelector

3طرق DOM الجزء الثاني

querySelectorAll addEventListener innerHTML createElement و appendChild تبديل classList