Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

Свойство Element.attributes возвращает группу атрибутов всех узлов, зарегистрированных в указанном узле. Это NamedNodeMap, тоесть полученные данные не являются массивом Array, не содержат Array методы и Attr индекс узлов может отличаться в различных браузерах. Если сказать более точно, атрибуты (attributes) это строка, пара ключ/значение которая представляет собой информацию относительно этого атрибута.

Синтаксис

var attr = element.attributes;

Пример

Базовые примеры

// Получить первый элемент <p> содержащийся в документе
var para = document.getElementsByTagName("p")[0];
var atts = para.attributes;

Перечисление атрибутов элементов

Числовое индексирование полезно для прохождения всех атрибутов элемента.
Следующий пример проходит через узлы атрибутов для элемента в документе с идентификатором «p1» и печатает значение каждого атрибута. 

<!DOCTYPE html>

<html>

 <head>
  <title>Attributes example</title>
  <script type="text/javascript">
   function listAttributes() {
     var paragraph = document.getElementById("paragraph");
     var result = document.getElementById("result");

     // Во-первых,  давайте убедимся, что в абзаце есть какие-то атрибуты    
     if (paragraph.hasAttributes()) {
       var attrs = paragraph.attributes;
       var output = "";
       for(var i = attrs.length - 1; i >= 0; i--) {
         output += attrs[i].name + "->" + attrs[i].value;
       }
       result.value = output;
     } else {
       result.value = "No attributes to show";
     }
   }
  </script>
 </head>

<body>
 <p id="paragraph" style="color: green;">Sample Paragraph</p>
 <form action="">
  <p>
    <input type="button" value="Show first attribute name and value"
      onclick="listAttributes();">
    <input id="result" type="text" value="">
  </p>
 </form>
</body>
</html>

Specifications

Specification Status Comment
DOM
Определение 'Element.attributes' в этой спецификации.
Живой стандарт From Document Object Model (DOM) Level 3 Core Specification, moved from Node to Element
Document Object Model (DOM) Level 3 Core Specification
Определение 'Element.attributes' в этой спецификации.
Устаревшая No change from Document Object Model (DOM) Level 2 Core Specification
Document Object Model (DOM) Level 2 Core Specification
Определение 'Element.attributes' в этой спецификации.
Устаревшая No change from Document Object Model (DOM) Level 1 Specification
Document Object Model (DOM) Level 1 Specification
Определение 'Element.attributes' в этой спецификации.
Устаревшая Initial definition.

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support (Да) (Да) [1] 6.0 [2] (Да) (Да)
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support (Да) (Да) [1] (Да) (Да) (Да)

[1] Before Firefox 22, this attribute was implemented in the Node interface (inherited by Element). It has been moved to this interface to conform to the specification and the usage of other browsers.

[2] Internet Explorer 5.5 returns a map containing the values rather than the attribute objects.

See also

  • NamedNodeMap, the interface of the returned object
  • Cross-browser compatibility considerations: on quirksmode

Метки документа и участники

Внесли вклад в эту страницу: get-web, alexvarboffin
Обновлялась последний раз: get-web,