How to use getElementById() in Javascript with tag name exception?
GavHern (64)

I have a bit of a tricky scenario. I want to select all of the children of and id #navbar that are <a> tags. I also don't want to select the children with the id #logoid. I have styled them this way with css like this:

#navbar a:not(#logoid) {
    /*Styling rules here*/
}

How could I select the same elements with javascript? I assume I use getElementById() but I'm not sure how to only get the <a> children and exclude the id #logoid. I hope I explained this properly.

You are viewing a single comment. View All
Answered by ArchieMaclean (618) [earned 5 cycles]
View Answer
heyitsmarcus (287)

@GavHern Oh and another really cool thing since you're using Vanilla JS, I set up binds for document.querySelector and document.querySelectorAll. And what that means is that I setup, let's say s for querySelector and sa for querySelectorAll like this:

const s = document.querySelector.bind(document);
const sa = document.querySelectorAll.bind(document);

//And then use it like this:
s('#mySelector').style.display = 'block';
//Which is now the same as:
document.querySelector('#mySelector').style.display = 'block';

Thank me later.