HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>ariaErrorMessageElements get</title>
</head>
<body>
  <p>
    <label for="email">Email address:</label>
    <input type="email" name="email" id="email" aria-errormessage="err1" />
    <span id="err1" class="errormessage">Error: Enter a valid email address</span>
  </p>
  <pre id="out"></pre>
  <script>
    var email = document.querySelector("#email");
    var lines = ["aria-errormessage: " + email.getAttribute("aria-errormessage")];
    if ("ariaErrorMessageElements" in Element.prototype) {
      var propElements = email.ariaErrorMessageElements;
      lines.push("count: " + propElements.length);
      var text = propElements.map(function (e) { return e.textContent.trim(); }).join(" ");
      lines.push("Error message details: " + text);
    } else {
      lines.push("ariaErrorMessageElements not supported by browser");
    }
    document.getElementById("out").textContent = lines.join("\n");
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

Element.ariaErrorMessageElements — MDN get (Try It)