Встречается на собеседованиях • сегодня

Как посмотреть весь список атрибутов

Для просмотра всех атрибутов элемента DOM можно использовать несколько способов:

  1. element.attributes - возвращает коллекцию всех атрибутов элемента:
javascript
const element = document.getElementById('myElement');
const attrs = element.attributes;
for (let i = 0; i < attrs.length; i++) {
  console.log(attrs[i].name + ': ' + attrs[i].value);
}
  1. getAttributeNames() - возвращает массив имен атрибутов:
javascript
const attrNames = element.getAttributeNames();
console.log(attrNames); // ['id', 'class', 'data-attr', ...]
  1. Через перебор свойств элемента (включая нестандартные атрибуты):
javascript
for (let prop in element) {
  if (element.hasOwnProperty(prop)) {
    console.log(prop);
  }
}

Методы 1 и 2 показывают только атрибуты, явно указанные в HTML, а метод 3 включает все свойства элемента.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы