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