Element.attributes
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Свойство 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>
Спецификации
Specification |
---|
DOM Standard # dom-element-attributes |
Совместимость с браузерами
BCD tables only load in the browser
Смотрите также
NamedNodeMap
, the interface of the returned object- Cross-browser compatibility considerations: on quirksmode