JavaScript Element ariaDescribedByElements Property

const btn = document.querySelector("button");

if ("ariaDescribedByElements" in Element.prototype) {
  const els = btn.ariaDescribedByElements;
  const text = els.map((e) => e.textContent.trim()).join(" ");
  console.log(text);
}

const btn = document.getElementById("trash");
const d1 = document.getElementById("trash-desc1");
const d2 = document.getElementById("trash-desc2");

btn.ariaDescribedByElements = [d1, d2];
console.log(btn.ariaDescribedByElements.length); // 2
console.log(btn.getAttribute("aria-describedby")); // null

function getDescribedBy(el) {
  if ("ariaDescribedByElements" in Element.prototype) {
    return Array.from(el.ariaDescribedByElements);
  }
  const ids = (el.getAttribute("aria-describedby") || "").trim().split(/\s+/);
  return ids.map((id) => document.getElementById(id)).filter(Boolean);
}

const els = getDescribedBy(document.querySelector("button"));
console.log(els.map((e) => e.textContent.trim()).join(" "));