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

متد getNamedItem در DOM جاوااسکریپت

توسط

۱۳۹۹-۱۰-۱۸

آموزش متد getNamedItem در DOM جاوااسکریپت

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

متد getNamedItem در DOM جاوااسکریپت

Free-Learn

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

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

متد getNamedItem در DOM جاوااسکریپت

با استفاده از متد getNamedItem میتونیم گره یک صفت ( یا Attribute ) رو از یک تگ انتخاب و بدست بیاوریم.

فرض میکنیم میخوایم فلان صفت رو از فلان تگ انتخاب کنیم، اینجا ما خوده صفت رو میتونیم به راحتی و با استفاده از همین متد getNamedItem بدست بیاریم. ( توجه داشته باشید خوده صفت رو )

خب شاید من بخوام مثلا نام و یا مقدار همون صفت رو نیز بدست بیارم خب باید چکار کنم؟ اینجا دیگه باز خیلی راحت ما میتونیم با استفاده از ویژگی های name و value اینکارو انجام بدیم. ( در جلسات بعدی با ایناهم آشنا خواهید شد )

در مثال شماره ۱ از ویژگی 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>

امتحان کنید

مثال شماره ۲ : خب در مثال قبلی ما نام صفت رو گرفتیم، حالا میخوایم مقدار همون صفت رو از تگ بگیریم و در خروجی نمایش بدیم.

<script>

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

</script>

function MyFunction(){

var a , myh2 , result;

myh2 = document.getElementById("MyH2");

result = document.getElementById("Result");

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

result.innerHTML = a;

}

</script>

امتحان کنید

Free-Learn

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

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

نام متد	Chrome	Firefox	Opera	Safari	IE
()getNamedItem	بله	بله	بله	بله	۹٫۰

Free-Learn

شکل نوشتاری

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

NamedNodeMap.getNamedItem(Node_Name)

1	NamedNodeMap.getNamedItem(Node_Name)

Free-Learn

جدول پارامترها

در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.

مقدار	توضیح
Node_Name	ضروری – نام اون گره از صفت که میخواهید از یگ تگ دریافت نمایید.

Free-Learn

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

ویژگی name و value از ویژگی های پراستفاده در جاوااسکریپت ، جهت گرفتن نام و مقدار صفت از یک تگ می باشند.
این متد در مرورگر اینترنت اکسپلورر ( IE ) نسخه ۸ به پایین پشتیبانی نمیشود.

Free-Learn

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

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