این آموزش در تاریخ ۱۴۰۱/۰۴/۱۹ آپدیت شده است.

کار با innerHTML در جاوا اسکریپت

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با innerHTML در جاوا اسکریپت با من همراه باشید.

کار با innerHTML در جاوا اسکریپت

Free-Learn

کار با innerHTML در جاوا اسکریپت

ویژگی innerHTML تقریبا یکی از پراستفاده ترین ویژگی های موجود در زبان جاوا اسکریپت می باشد که با استفاده از این ویژگی میتونیم محتوای موجود در یک عنصر رو دریافت، تغییر و یا از نو ایجاد نماییم.

یعنی در یه کلام ، اگه خواستیم محتوایی رو داخل یک تگ قرار بدیم یا برعکس اگه خواستیم محتوای یک تگ رو بدست آوریم میتونیم به راحتی با استفاده از ویژگی innerHTML اینکارو انجام بدیم.

مثال شماره ۱ : ریختن محتوای جدید در تگ h2

امتحان کنید

مثال شماره ۲ : دریافت محتوای تگ h2 و سپس ریختن همون محتوا در درون یک تگ h2 دیگر

امتحان کنید

مثال شماره ۳ : حذف یا خالی کردن محتوای موجود در یک عنصر ( برای خالی کردن یا حذف کردن متن داخل یک تگ کافیه فقط ۲تا دابل کوتیشن بزاریم فقط همین )

امتحان کنید

مثال شماره ۴ : گرفتن مقدار داخل Input و سپس نمایشش در تگ H2

امتحان کنید

Free-Learn

دریافت PDF یا پرینت این مطلب