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