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