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