الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <!-- هذا هو العنصر الذي أظهرنا له حدود --> <body> <h1>JS DOM Navigation</h1> <p>In this example we move up twice.</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'); // ثم أظهرنا له حدود <body> و بعدها صعدنا للوسم <div> هنا صعدنا للوسم element.parentNode.parentNode.style.border = '2px solid red'; </script> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود