افزودن یک عنصر (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 می باشد، اضافه می کند :
به مثال زیر توجه کنید :
همان کدها را در این مثال، به کار می بریم :
نتیجه :
