الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <body> <h1>JS Insert Content Before And After Element</h1> <p id="demo">Demo Element.</p> <script> // element في المتغير demo يساوي id هنا قمنا بتخزين العنصر الذي يملك var element = document.getElementById('demo'); // element هنا قمنا بإضافة فقرة قبل الوسم الذي يمثله المتغير element.insertAdjacentHTML('beforebegin', '<p>This element is added before the demo element.</p>'); // element هنا قمنا بإضافة فقرة قبل الوسم الذي يمثله المتغير element.insertAdjacentHTML('afterend', '<p>This element is added after the demo element.</p>'); </script> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود