افزودن یک عنصر (Element) جدید به درون یک عنصر (Element) موجود درصفحه (Page) (افزودن به انتهای عنصر) و تعیین محتوا و یک id خاص برای آن عنصر (Element) جدید، با روش های createElement و innerHTML و appendChild ، در JavaScript

روش createElement در JavaScript می تواند برای ساخت یک عنصر (Element) جدید به کار رود و سپس با استفاده از روش appendChild می توانیم عنصر ساخته شده را به صفحه (Page) اضافه نماییم.

به عنوان مثال، اگر بخواهیم که عنصر (Element) جدید، یک تگ p (زوج تگ p ) باشد و id آن برابر paragraph_id در نظر گرفته شود و درون یک عنصر div از صفحه که دارای id برابر kelidestan می باشد، قرار گیرد، آنگاه باید کد JavaScript زیر را بنویسیم :

که در خط زیر از کدها، ابتدا عنصر جدید (تگ p ) را ساخته ایم :

سپس با کد زیر، id عنصر جدید را مشخص نموده ایم :

خط زیر از کدها، برای افزودن مقداری محتوا به درون زوج تگ p (عنصر جدید) به کار رفته است (محتوای مورد نظر، می تواند یک متن ساده و یا مقداری کد HTML دلخواه باشد) :

سپس با استفاده از کد زیر، آن را به درون عنصر div از صفحه که دارای id برابر kelidestan می باشد، اضافه نموده ایم :

اجرای کدهای JavaScript مورد نظر، کد HTML زیر را به انتهای عنصر div از صفحه که دارای id برابر kelidestan می باشد، اضافه می کند :

به مثال زیر توجه کنید :