این آموزش در تاریخ ۱۴۰۱/۰۴/۲۱ آپدیت شده است.
آموزش ویژگی value در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی value در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی value در DOM جاوااسکریپت
با استفاده از ویژگی value ما میتونیم هم مقدار یک صفت رو از یک تگ بگیریم و هم میتونیم یک مقدار جدید به همون صفت بدهیم.
با استفاد از ویژگی name نیز میتونیم نام یک صفت رو بدست آوریم.
| مقدار برگشتی | برگشت مقدار صفت |
|---|---|
| نسخه DOM | DOM Level 1 |
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : گرفتن نام و مقدار صفت class از تگ
|
1 |
var GetValue = MyTag.attributes[1].value; |
مثال شماره ۲ : ست کردن مقدار جدید برای صفت class
|
1 2 3 4 5 6 7 8 |
<script> function Set(){ var MyH2 = document.getElementById("MyH2"); MyH2.attributes.getNamedItem("class").value = "MyClass_2"; } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | Edge |
| value | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
- برای گرفتن مقدار صفت
|
1 |
Element.attribute.Value |
- برای ست / تنظیم کردن مقدار صفت
|
1 |
Element.attribute.Value = " New_Value " |
Free-Learn
نکات و توضیحات
- برای اضافه کردین چندین کلاس بصورت همزمان کافیه بین نام کلاس ها ۱ عدد فاصله قرار دهید. مثال :
|
1 |
myh2.attributes.getNamedItem("class").value = "class_1 class_2 class_3"; |
