【JavaScript】単一または複数クラスの存在（所持）確認または除外をする方法

const ptags = document.getElementsByTagName("p");

console.log( ptags[0].classList.contains("class2") );  // true
console.log( ptags[1].classList.contains("class2") );  // false

const elements = Array.from( document.getElementsByClassName("class2") );
elements.forEach( e=>console.log( e.innerText ));  // こんにちは

const class2Tags = Array.from( document.getElementsByTagName("p") )
                        .filter( e=>e.classList.contains("class2") );

class2Tags.forEach( e=>console.log( e.innerText )); // こんにちは

const ptag = document.getElementsByTagName("p")[0];

  // "class1","class2","class3" を持っているかどうか確認
const result1 = ["class1","class2","class3"]
                        .every(e=>ptag.classList.contains(e) );
  // "class1","class2","class4" を持っているかどうか確認 
const result2 = ["class1","class2","class4"]
                        .every(e=>ptag.classList.contains(e) );

console.log( result1 );  // true
console.log( result2 );  // false

const allTags = document.querySelectorAll(" p.class1.class2.class3 ");
Array.from(allTags).forEach( e=>console.log( e.innerText )); // こんにちは

const tags = Array.from( document.getElementsByTagName("p") )
                .filter( 
                    e=>["class1","class2","class3"]
                        .every( text => e.classList.contains(text) )
                );

tags.forEach( e=>console.log( e.innerText )); // こんにちは

  // "class2","class3"を含まないpタグを取得
const tags = document.querySelectorAll( "p:not(.class2):not(.class3)");
Array.from(tags).forEach( e=>console.log( e.innerText )); // こんばんは

const tags = Array.from( document.getElementsByTagName("p") )
                .filter( 
                    e=>!["class2","class3"]
                        .every( text => e.classList.contains(text) )
                );

tags.forEach( e=>console.log( e.innerText )); // こんにちは