dom - What is the "hasClass" function with plain JavaScript?

Question

Ask a Question

Welcome To Ask or Share your Answers For Others

dom - What is the "hasClass" function with plain JavaScript?

asked Oct 17, 2021 in Technique[技术] by 深蓝 (71.8m points)

How do you do jQuery’s hasClass with plain ol’ JavaScript? For example,

<body class="foo thatClass bar">

What’s the JavaScript way to ask if <body> has thatClass?

Question&Answers:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

1.1k views

1 Answer

深蓝 · Answer 1 · 2021-10-16T22:23:02+0000

Simply use classList.contains():

if (document.body.classList.contains('thatClass')) {
    // do some stuff
}

Other uses of classList:

document.body.classList.add('thisClass');
// $('body').addClass('thisClass');

document.body.classList.remove('thatClass');
// $('body').removeClass('thatClass');

document.body.classList.toggle('anotherClass');
// $('body').toggleClass('anotherClass');

Browser Support:

Chrome 8.0
Firefox 3.6
IE 10
Opera 11.50
Safari 5.1

classList Browser Support

Categories

dom - What is the "hasClass" function with plain JavaScript?

Please log in or register to add a comment.

Please log in or register to answer this question.

1 Answer

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags