خانه آموزش زبان جاوااسکریپت آموزش DOM در جاوااسکریپت ویژگی name در DOM جاوااسکریپت

ویژگی name در DOM جاوااسکریپت

توسط

۱۳۹۹-۱۰-۲۴

آموزش ویژگی name در DOM جاوااسکریپت

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

ویژگی name در DOM جاوااسکریپت

Free-Learn

آنچه در این جلسه میخوانید :

1 ویژگی name در DOM جاوااسکریپت
2 مثال از این ویژگی
3 پشتیبانی مرورگرها
4 شکل نوشتاری
5 نکات و توضیحات

ویژگی name در DOM جاوااسکریپت

با استفاده از ویژگی name همونطور که از اسمش هم مشخصه میتونیم نام یک صفت رو از یک تگ انتخاب و بدست بیاوریم.

با استفاد از ویژگی value نیز میتونیم مقدار یک صفت رو بدست آوریم.

مقدار برگشتی	برگشت نام صفت از یک نام گره مشخص شده
نسخه DOM	Core Level 1

Free-Learn

مثال از این ویژگی

در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.

مثال شماره ۱ : بدست آوردن نام صفت class از تگ و نمایش در خروجی.

<script>

function MyFunction(){
 var a , myh2 , result;
 myh2 = document.getElementById("MyH2");
 result = document.getElementById("Result");
 
 a = myh2.attributes.getNamedItem("class").name;
 result.innerHTML = a;
}

</script>

function MyFunction(){

var a , myh2 , result;

myh2 = document.getElementById("MyH2");

result = document.getElementById("Result");

a = myh2.attributes.getNamedItem("class").name;

result.innerHTML = a;

}

</script>

امتحان کنید

توضیح مثال بالا :

در مثال بالا ما با استفاده از متد getNamedItem اول خوده صفت رو انتخاب کردیم و بعدش با استفاده از ویژگی name نام صفت رو گرفتیم و در نهایت در خروجی نمایش دادیم.

از روش های مختلفی میتونیم به صفات یک تگ دسترسی پیدا نماییم که ۳ تا از این روش ها به شرح زیر می باشد :

استفاده از متد ()getNamedItem
استفاده از متد ()item
استفاده از ویژگی attributes

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.

نام ویژگی	Chrome	Firefox	Opera	Safari	IE
name	بله	بله	بله	بله	بله

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.

attribute.Name

1	attribute.Name

Free-Learn

نکات و توضیحات

این ویژگی یک ویژگی فقط خواندنی یا Read-Only می باشد.
با استفاده از ویژگی value در جاوااسکریپت میتونیم مقدار یک صفت رو بدست آوریم.

Free-Learn

فروشگاه فری لرن

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