نمایش یک متن (Text) در خروجی صفحه، با قرار دادن متن مورد نظر درون یک عنصر (Element) موجود در صفحه (بر اساس id عنصر)، با نگهداشتن متن (محتوا - کد) قبلی درون عنصر، با innerHTML و getElementById ، در JavaScript
فرض کنید که قصد داریم یک متن (Text) را در بخشی از خروجی صفحه قرار دهیم. برای این منظور، ابتدا در آن بخش مورد نظرمان از صفحه، یک عنصر (Element) با id خاص می سازیم. به عنوان مثال :
سپس چنانچه بخواهیم متن kelidestan.com درون آن عنصر (Element) نوشته شود (به محتوای قبلی درون آن اضافه گردد)، کد JavaScript زیر را اجرا می کنیم :
متن مورد نظرمان می تواند کد HTML باشد و به این صورت می توانیم مقداری کد HTML را درون عنصر (Element) قرار دهیم تا حاصل اجرای آنها (نه خود کدها) در خروجی صفحه نمایش داده شود.
متن (محتوا - کد) قبلی موجود در عنصر (Element) باقی می ماند و متن جدید در ادامه آن قرار می گیرد (اگر می خواهید متن (محتوا - کد) قبلی موجود در عنصر (Element) حذف شود و متن جدید درون آن قرار گیرد، کلید شماره 28136 را بخوانید).
به مثال زیر توجه کنید :
کد کامل صفحه HTML :
نتیجه :
کد کامل صفحه HTML :
نتیجه :
مشاهده می کنید که متن جدید به متن قبلی درون عنصر اضافه شده است (متن قبلی حذف نمی شود).
