Элемент: свойство ariaHasPopup

Свойство ariaHasPopup интерфейса Element отражает значение атрибута aria-haspopup, который указывает на наличие и тип интерактивного всплывающего элемента, такого как меню или диалоговое окно, которое может быть вызвано элементом.

Строка с одним из следующих значений:

"false"

Элемент не имеет всплывающего меню.

"true"

Элемент имеет всплывающее меню.

"menu"

Элемент имеет всплывающее меню.

"listbox"

Элемент имеет всплывающее меню типа списка.

"tree"

Элемент имеет всплывающее меню типа дерева.

"grid"

Элемент имеет всплывающее меню типа сетки.

"dialog"

Элемент имеет всплывающее диалоговое окно.

В этом примере атрибут aria-haspopup элемента с ID animal имеет значение "true". Используя ariaHasPopup, мы обновляем значение до "listbox", что является ожидаемым значением для раскрывающегося списка, вызывающего всплывающее меню типа listbox.

<div class="animals-combobox">
  <label for="animal">Animal</label>
  <input
    id="animal"
    type="text"
    role="combobox"
    aria-autocomplete="list"
    aria-controls="animals-listbox"
    aria-activedescendant=""
    aria-expanded="false"
    aria-haspopup="true" />
  <ul id="animals-listbox" role="listbox" aria-label="Animals">
    <li id="animal-cat" role="option">Cat</li>
    <li id="animal-dog" role="option">Dog</li>
  </ul>
</div>

let el = document.getElementById("animal");
console.log(el.ariaHasPopup); // true
el.ariaHasPopup = "listbox";
console.log(el.ariaHasPopup); // listbox