توصیهی دوره:
- صفحه قبل appendChild()
- صفحه بعد blur()
- بازگشت به طبقه قبل موضوع Elements DOM HTML
ویژگی attributes Element HTML DOM
ویژگیها مجموعهای از ویژگیهای موجود در عنصر را بازمیگرداند.
تعریف و استفاده
ویژگیها مجموعهای از ویژگیهای موجود در عنصر را بازمیگرداند.
attributes
NamedNodeMap
NamedNodeMap این است که ویژگیها را بازمیگرداند.
به عبارت دیگر: NamedNodeMap یک مجموعه نا مرتب شبیه به آرایه از ویژگیهای عنصر است. مقیاس Attr.
NamedNodeMap یک لیست قابل بازگشت تعداد گرهها را فراهم میکند. ویژگی length.
میتوان به نام یا شمارهی شمارنده (ایندکس) گره دسترسی داشت. شمارنده از 0 شروع میشود.
لطفاً ببینید:
مثال
مثال 1
تعداد ویژگیهای عنصر <img> چقدر است:
let numb = document.getElementById("myImg").attributes.length;
مثال 2
نمایش تمام ویژگیهای عنصر <img>:
const nodeMap = document.getElementById("myImg").attributes; let text = ""; for (let i = 0; i < nodeMap.length; i++) { text += nodeMap[i].name + " = " + nodeMap[i].value + "<br>"; } document.getElementById("demo").innerHTML = text;
مثال 3
تعداد ویژگیهای عنصر <button> چقدر است:
let numb = document.getElementById("myButton").attributes.length;
مثال 4
نام دومین (ایندکس 1) ویژگی یک عنصر <button> را دریافت کنید:
let attr = document.getElementById("myBtn").attributes[1].name;
قوانین نویسی
node.attributes
مقدار بازگشتی
نوع | توضیح |
---|---|
NamedNodeMap | مجموعهای از مقیاسهای ویژگی. |
پشتیبانی مرورگر
element.attributes
این ویژگیها در DOM Level 1 (1998) وجود دارند.
همه مرورگرها کاملاً از آن پشتیبانی میکنند:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
پشتیبانی | 9-11 | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبل appendChild()
- صفحه بعد blur()
- بازگشت به طبقه قبل موضوع Elements DOM HTML