آموزش طراحی سایت (HTML CSS Javascript) | آتریا

متد element.getAttributeNode

مثال (متد element.getAttributeNode)

به دست آوردن گره خصوصیت کلاس از یک عنصر <h1>:

var elmnt = document.getElementsByTagName("H1")[0];
var attr = elmnt.getAttributeNode("class").value;

خروجی attr در کد بالا:

democlass

خودتان امتحان کنید »

در انتهای این صفحه، مثال های بیشتری آورده شده است.

تعریف و کاربرد

متد ()getAttributeNode، در واقع گره خصوصیت را، با نام مشخص یک عنصر، بعنوان یک شیء Attr برمی گرداند.

نکته: می توانید از خصوصیت attribute.value برای برگرداندن مقدار گره خصوصیت، استفاده کنید.

نکته:در صورتی که تنها می خواهید مقدار خصوصیت را برگردانید، می توانید از متد getAttribute() استفاده کنید.

برای اطلاعات بیشتر در مورد شیء Attr می توانید مقاله ی The HTML DOM کلیه توابع و خصوصیت های شیء Attr در JavaScript را ببینید.

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

متد
getAttributeNode()	بله	بله	بله	بله	بله

نحوه استفاده

element.getAttributeNode(attributename)

پارامترها

پارامتر	Type	توضیحات
attributename	String	ضروری. نام خصوصیتی که شما می خواهید برگردانید.

جزئیات تکنیکی

مقدار برگشتی	یک شیء Attr که مشخص کننده ی گره خصوصیت مورد نظر است. نکته: در صورتی که خصوصیت موجود نباشد، مقدار برگشتی null خواهد بود یا اینکه یک رشته ی خالی("") خواهد بود.
DOM Version	Core Level 1 کلیه توابع و خصوصیت های شیء Element در JavaScript

مقدار برگشتی

یک شیء Attr که مشخص کننده ی گره خصوصیت مورد نظر است.

نکته: در صورتی که خصوصیت موجود نباشد، مقدار برگشتی null خواهد بود یا اینکه یک رشته ی خالی("") خواهد بود.

DOM Version

Core Level 1 کلیه توابع و خصوصیت های شیء Element در JavaScript

مثال - خودتان امتحان کنید

مثال (متد element.getAttributeNode)

به دست آوردن مقدار گره خصوصیت target از یک عنصر <a>:

var elmnt = document.getElementById("myAnchor");
var attr = elmnt.getAttributeNode("target").value;

خروجی attr در کد بالا:

_blank

خودتان امتحان کنید »

مثال (متد element.getAttributeNode)

به دست آوردن مقدار گره خصوصیت onclick از یک عنصر <button>:

var elmnt = document.getElementById("myBtn");
var attr = elmnt.getAttributeNode("onclick").value;

خروجی attr در کد بالا:

myFunction()

خودتان امتحان کنید »

آموزش های مرتبط

HTML Tutorial: HTML Attributes

HTML DOM Reference: The HTML DOM کلیه توابع و خصوصیت های شیء Attr در JavaScript

HTML DOM Reference: getAttribute() Method

HTML DOM Reference: attribute.value Property

HTML DOM Reference: removeAttributeNode() Method

HTML DOM Reference: setAttributeNode() Method

کلیه توابع و خصوصیت های شیء Element در JavaScript

: نوشته شده توسط احسان عباسی; بازدید: 5317

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی