Элемент: метод getAttributeNames()

Метод getAttributeNames() интерфейса Element возвращает имена атрибутов элемента в виде Array строк. Если у элемента нет атрибутов, возвращается пустой массив.

Использование getAttributeNames() вместе с getAttribute() — это эффективный и производительный альтернативный способ доступа к Element.attributes.

Имена, возвращаемые методом getAttributeNames(), являются квалифицированными именами атрибутов, то есть имена атрибутов с префиксом пространства имён возвращаются с этим префиксом пространства имён (а не самим пространством имён), за которым следует двоеточие и имя атрибута (например, xlink:href), а имена атрибутов без префикса пространства имён возвращаются без изменений (например, href).

Нет.

Array массива строк.

Следующий пример показывает, как:

• Для атрибута с префиксом пространства имён getAttributeNames() возвращает этот префикс вместе с именем атрибута.
• Для атрибута без префикса пространства имён getAttributeNames() возвращает только имя атрибута в исходном виде.

Важно понимать, что:

1. Атрибут может присутствовать в DOM с пространством имён, но без префикса пространства имён.
2. Для атрибута в DOM, имеющего пространство имён, но без префикса пространства имён, getAttributeNames() вернет только имя атрибута без указания того, что атрибут находится в пространстве имён.

В примере ниже представлен такой случай «атрибута в пространстве имён, но без префикса пространства имён».

const element = document.createElement("a");

// set "href" attribute with no namespace and no namespace prefix
element.setAttribute("href", "https://example.com");
// set "href" attribute with namespace and also "xlink" namespace prefix
element.setAttributeNS(
  "http://www.w3.org/1999/xlink",
  "xlink:href",
  "https://example.com",
);
// set "show" attribute with namespace but no namespace prefix
element.setAttributeNS("http://www.w3.org/1999/xlink", "show", "new");

// Iterate over element's attributes
for (const name of element.getAttributeNames()) {
  const value = element.getAttribute(name);
  console.log(name, value);
}

// logs:
// href https://example.com
// xlink:href https://example.com
// show new