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.

T.J. Crowder · Accepted Answer · 2021-03-16 07:48:58Z

2

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

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

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

answered Mar 16, 2021 at 7:44

JerMah

7835 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

uyghurbeg · Accepted Answer · 2021-03-16 07:45:19Z

0

try this:

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

user2399035

answered Mar 16, 2021 at 7:43

uyghurbeg

3574 silver badges9 bronze badges

First statement is instant false, second would not even check.

getAttribute returns null or "" for attributes that don't exist. That's why we have hasAttribute.