الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <body> <h1>JS Select Elements by Class</h1> <p>document.getElementsByClassName() selects all elements that have the specified class.</p> <p class="demo">This content will changed by javascript.</p> <div class="demo">This content will changed by javascript.</div> <script> // elements في مصفوفة إسمه demo يساوي class هنا قمنا بتخزين جميع العناصر التي تملك var elements = document.getElementsByClassName('demo'); // elements هنا قمنا بتغيير محتوى أول و ثاني عنصر موجودين في المصفوفة elements[0].innerHTML = 'My content is changed!'; elements[1].innerHTML = 'My content is changed too!'; // elements و المخزنة في المصفوفة demo يساوي class هنا قمنا بإضافة فقرة في آخر الصفحة عرضنا فيها إجمالي عدد العناصر التي تملك document.write('<p>' + elements.length + ' element(s) found have the class "demo".</p>'); </script> </body> </html>