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

خصوصیت element.attributes

مثال (خصوصیت element.attributes)

فهمیدن اینکه یک عنصر <button> دارای چه تعداد خصوصیت(attribute) می باشد:

var x = document.getElementById("myBtn").attributes.length;

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

2

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

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

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

خصوصیت attributes یک مجموعه از خصوصیت های گره مشخص شده را بعنوان یک شیء NamedNodeMap برمی گرداند.

گره ها می توانند به وسیله ی اندیس، مورد دسترسی قرار بگیرند. در ضمن اندیس شروع نیز 0 می باشد.

نکته: اندیس های عددی برای کار کردن بر روی تمام خصوصیتهای(attribute) یک عنصر استفاده می شود. شما می توانید از خصوصیت length در شیء NamedNodeMap برای مشخص کردن تمام خصوصیت ها استفاده کنید. سپس شما می توانید بر روی تمام گره های خصوصیت، یک حلقه ایجاد کرده و اطلاعات مورد نظر خود را استخراج کنید.

نکته: خصوصیت های اچ تی ام ال، در واقع گره های خصوصیت هستند و همچنین از تمام خصوصیت ها و متدهای قابل استفاده برای شیء Attribute می توان بر روی آنها استفاده کرد.

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

متد
attributes	بله	بله	بله	بله	بله

نکته: در اینترنت اکسپلورر 8 و ورژن های قبلی آن ، خصوصیت attributes، یک مجموعه از تمام خصوصیت ها(attribute) برای یک عنصر را برمی گرداند.

نحوه استفاده

node.attributes

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

مقدار برگشتی	یک شیء NamedNodeMap که مشخص کننده ی یک مجموعه از خصوصیت های گره می باشد.
DOM Version	Core Level 1 Node Object

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

مثال (خصوصیت element.attributes)

به دست آوردن دومین خصوصیت یک عنصر <button>(که در اندیس 1 قرار دارد):

var x = document.getElementById("myBtn").attributes[1].name;

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

onclick

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

مثال (خصوصیت element.attributes)

فهمیدن اینکه یک عنصر <img>، دارای چه تعداد خصوصیت می باشد:

var x = document.getElementById("myImg").attributes.length;

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

5

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

مثال (خصوصیت element.attributes)

ایجاد یک حلقه بر روی تمام خصوصیت های یک عنصر <img> و نشان دادن نام و مقدار هر خصوصیت در خروجی:

var x = document.getElementById("myImg");
var txt = "";
var i;
for (i = 0; i < x.attributes.length; i++) {
txt = txt + x.attributes[i].name + " = " + x.attributes[i].value + "<br>";
}

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

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

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

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

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

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