jQueryを削除していますが、.className + =動作していませんか？

Question

私は非常にシンプルなキャンバスメニューをjQueryで正常に機能させました。私はバニラのjavascriptで書き直そうとしています。

次のコードでは、addClass（jQuery）は動作していますが、.className + =は使用できません。

var burger = document.getElementsByClassName('l-burger'); 
var html = document.querySelectorAll('html'); 

$(burger).click(function(){ 
    $(html).className += ' menu-opening'; // not working 

    setTimeout(function(){ 
    $(html).addClass('menu-open'); 
    $(html).removeClass('menu-opening'); 
    }, 300); 
}); 

Answer 1

$（html）は、ネイティブDOMElementではなくjQueryオブジェクトを提供するためです。

あなたはjQueryオブジェクトのキー0でネイティブの要素にアクセスすることができます

$(html).className += ' menu-opening'; 

Answer 2

用途：document.querySelector('html').className = document.querySelector('html').className + ' myClassName'

だから、クラス名を追加する

$(html)  // returns a jQuery object 
$(html)[0] // returns a native DOMElement 

、あなたはこのようなものを使用する必要があります

またはコメントに示唆されているとおり：

var htmlNode = document.querySelector('html'); 
htmlNode.className = htmlNode.className + ' myClassName' 

あるいはクリーナー：document.querySelector('html').classList.add('myClassname')