JavaScript метод Element.hasAttributes()

Определение и применение

JavaScript метод hasAttributes() объекта Element возвращает логическое значение, указывающее на то, имеет ли элемент один или несколько любых атрибутов HTML.

Поддержка браузерами

Спецификация: dom.spec.whatwg

Поддерживается во всех основных браузерах с 2015 года.

Показать браузеры
Совместимостьapi.Element.hasAttributes
ВозможностьКомпьютерыМобильные
ChromeEdgeFirefoxOperaSafariChrome AndroidFirefox for AndroidOpera AndroidSafari on iOSSamsung BrowserWebView AndroidWebView on iOS
hasAttributes✓1✓12✓1

Версия 1 выпущена в 2004 г.

Примечание MDN (англ.)

Before Firefox 35, it was implemented on the Node interface.

✓≤12.1✓1✓18✓4

Версия 4 выпущена в 2011 г.

Примечание MDN (англ.)

Before Firefox for Android 35, it was implemented on the Node interface.

✓≤12.1✓1✓1.0✓4.4✓1

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

JavaScript синтаксис

JavaScript
const booleanResult = element.hasAttributes();

Спецификация

DOM Standard.

Пример использования

Проверка наличия атрибутов

Нажмите ▶: в консоли появится true, так как у элемента есть атрибуты id, class и title. Удалите все атрибуты элемента в index.html, замените getElementById() на querySelector('div') и сравните.

index.html
HTML
<div id="myElem" class="active" title="Пример">Элемент примера</div>
main.js
JavaScript
const elem = document.getElementById('myElem') // находим элемент по id
const result = elem.hasAttributes() // проверяем имеет ли элемент атрибуты

if (result) {
    // если элемент имеет один, или более атрибутов
} else {
    // если элемент не имеет атрибутов
}

console.log('Есть атрибуты:', result)
style.css
CSS
body {
  margin: 16px;
  font:
    16px/1.5 system-ui,
    sans-serif;
  overflow-wrap: anywhere;
}
img,
input,
select,
textarea,
button {
  max-width: 100%;
}