افزودن یک عنصر (Element) جدید به صفحه (Page) (به انتهای تگ body صفحه) و تعیین محتوا و یک id خاص برای آن عنصر (Element) جدید، با روش های createElement و innerHTML و appendChild ، در JavaScript
روش
createElement در JavaScript می تواند برای ساخت یک عنصر (Element) جدید به کار رود و سپس با استفاده از روش
appendChild می توانیم عنصر ساخته شده را به صفحه (Page) اضافه نماییم.
به عنوان مثال، اگر بخواهیم که عنصر (Element) جدید، یک تگ
p (زوج تگ
p ) باشد و id آن برابر
kelidestan در نظر گرفته شود و درون تگ
body صفحه قرار گیرد، آنگاه باید کد JavaScript زیر را بنویسیم :
که در خط زیر از کدها، ابتدا عنصر جدید (تگ
p ) را ساخته ایم :
سپس با کد زیر، id عنصر جدید را مشخص نموده ایم :
خط زیر از کدها، برای افزودن مقداری محتوا به درون زوج تگ
p (عنصر جدید) به کار رفته است (محتوای مورد نظر، می تواند یک متن ساده و یا مقداری کد HTML دلخواه باشد) :
سپس با استفاده از کد زیر، آن را به درون تگ
body اضافه نموده ایم :
اجرای کدهای JavaScript مورد نظر، کد HTML زیر را به انتهای تگ
body صفحه اضافه می کند :
به مثال زیر توجه کنید :
همان کدها را در این مثال، به کار می بریم :
نتیجه :
