MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

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

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

Синтаксис

var attr = element.attributes;

Пример

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

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

Enumerating elements attributes

Numerical indexing is useful for going through all of an element's attributes.
The following example runs through the attribute nodes for the element in the document with id "p1", and prints each attribute's value.

<!DOCTYPE html>

<html>

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

     // First, let's verify that the paragraph has some attributes    
     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

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

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

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