الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <body> <main> <h1>JS Insert New Element Before</h1> <p>Javascript allow you to create a new element and insert it before another element.</p> </main> <script> // divElement و قمنا بتخزينه في المتغير <div> هنا قمنا بإنشاء وسم var divElement = document.createElement('div'); // divText هنا قمنا بإنشاء نص يمكن وضعه في وسم و قمنا بتخزينه في المتغير var divText = document.createTextNode('This div is added via Javascript.'); // divElement في divText هنا قمنا بإضافة divElement.appendChild(divText); // mainElement في الصفحة في المتغير <main> هنا قمنا بتخزين أول وسم var mainElement = document.getElementsByTagName('main')[0]; // mainElement قبل العنصر divElement هنا قمنا بإضافة document.body.insertBefore(divElement, mainElement); </script> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود