How to determine with JavaScript that some element has certain empty attribute declared?

Question

<div aria-selected="" class="variantButton">

When attribute is non empty I do this:

if (elem.getAttribute("aria-selected"))
    //do something

But this will not work in case of empty string.

P.S. I don't use jQuery.

Answer 1

Use hasAttribute:

console.log( document.getElementsByTagName("div")[0].hasAttribute("aria-selected") )

<div aria-selected="" class="variantButton">

Answer 2

try this:

if (elem.getAttribute("aria-selected") && elem.getAttribute("aria-selected") !== "")