HTMLElement.classList（.toggle）の使用方法は？

Question

私はいくつかのCSS3トランジション（woohoo again）をテストするためにウェブページ（woohoo）を作っています。トランジションはうまくいきます（最後はうわー）。しかし、新しいHTMLElement.classListは別の要素に変わったことをします。

Webページ：body要素にクラスbを切り替え ：それはない何http://hotblocks.nl/tests/css/transitions.html

。

それがいることをどうするか：それは動作しますdocument.body.classList.toggle('b');

と： 信じられないほどシンプル！しかし！体の最初の子供は何とか変更されます。その最初の子のクラスは、トグルする前にslowであった後、objectに変更されました（トグルで???）。

なぜですか？トグル機能を正しく使用していませんか？トグル機能は私が期待しているものとは異なる働きをしていますか？ reakllyドキュメント/スペックを読んだことはありませんが、それは（.classList）はシンプルに作られていますか？

Answer 1

問題はtoggle関数ではなく、ボタンタグのイベントハンドラを初期化するページの最後のスクリプトタグに問題があります。ボタンをクリックがobjectにボタンの親要素の最初のdivプラスボタンのクラス名のクラスを設定するよう

スクリプトは、文書内のすべてのbuttonタグにイベントハンドラを追加します。

ボタンをクリックしたときにslow divのクラス名が変更されるため、このイベントハンドラを前後のボタンに追加するだけでしたが、bgcolorボタンにも追加されました。