الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <body> <h1>JS DOM Navigation</h1> <p>In this example we move to the next element and then selecting the next element again.</p> <div> <p id="demo">This is a paragraph.</p> <p>This is a paragraph.</p> <p>This is a paragraph.</p> <!-- هذا هو العنصر الذي أظهرنا له حدود --> </div> <script> // element في متغير إسمه demo يساوي id هنا قمنا بتخزين العنصر الذي يملك var element = document.getElementById('demo'); // و أظهرنا له حدود element هنا قمنا بالإنتقال إلى العنصر التالي و من ثم الذي يليه نسبةً للعنصر الذي يمثله المتغير element.nextElementSibling.nextElementSibling.style.border = '2px solid red'; </script> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود