静的にロードされたページと静的にロードされたCSSを持つCSSクラス

Question

私は現在、多くの描画と多くのクライアント側の操作を実行する必要があるWebアプリケーションを作成しています。私は特定のCSSクラスとスタイル属性を持つ 'div'要素内でインラインSVGを使用しています。これらのdivを静的なページにロードすると、正常にロードされ、すべてが期待どおりに実行されます。しかし、これらをjQueryで文字列から解析してDOMに追加すると、それはありません。 CSSクラスは完全に無視されるようです。

Firebugのさまざまなケースで要素を調べると、予期せぬ結果が発生します。静的に追加された要素には、動的に生成された要素と同様に、予想されるクラス名 'class1 class2 class3'があります。ただし、静的に生成された要素には、 'class1'、 'class2'、 'class3'の3つの要素を持つ配列である 'classList'プロパティもあります。動的に生成された要素の場合、この属性はnullです。静的に生成された要素はCSSでうまく動作します（すべてのホバー、ドラッグ可能なものなどを取得します）。一方、動的に生成された要素は、CSSが適用されていないように見えます。誰かが 'classList'とは何か、なぜそれが存在するのか、なぜ要素間のこの違いが存在するのか説明してください。

Answer 1

classListは、単に要素のクラスにアクセスするための便利なAPIです。 enter link description hereを参照してください。

しかし、私はここであなたの動的コンテンツにnull値がありますが、正しいclassNameエントリがある理由を知りません。