問題タブ [cssom]

私はまだJavaScriptを学んでいるので、親切にしてください。

HTTP URL を含む CSS を Web ページで検索する次のコードがあります。ただし、未定義の場合がある変数 "v" が 1 つあります。エラー「rule.style は定義されていません」

この未定義の応答を解決するにはどうすればよいですか? 条件を使用しようとしましたが、うまくいきませんでした。

私は次を使用してこの関数を呼び出します。

簡単な質問ですが、些細なことだと思います。次のCSSを書いたとしましょう：

Chrome でページを開き、[計算済み] タブを確認します。[.card] が選択されていて、アルファベット順に並べられています。ページをロードするたびにブラウザがこれを実行しますか、それとも「計算済み」タブを開いたときにのみこのソートが行われますか。また、ページをロードするたびに並べ替えが行われる場合 (つまり、Chrome は CSS を実行する前に並べ替えます)、CSS ファイル内のプロパティを並べ替えて Chrome の余分な作業を省くことで、パフォーマンスを少しでも向上させることはできますか?

Chrome を選び出しましたが、他のブラウザも同様に機能します

ありがとう

ブラウザが異なればElement.scrollLeft、RTL 要素の値も異なります。（この質問の詳細）。

MDN によると、要素の方向が rtl のscrollLeft場合、スクロールバーが一番右の位置にあるときは 0 になるはずです。(これは、Chrome の実装に問題があることを意味します)。

しかし、RTL モードでのこのプロパティについて MDN が言及していることを裏付ける仕様は見つかりませんでした。

誰かが私を見つけるのを手伝ってくれますか?

前もって感謝します。

を使用して JavaScript で現在のドキュメントを調べると、ドキュメントの現在のスタイルシートをすべてリストしdocument.styleSheetsたStyleSheetListオブジェクトが返されます。

XHR 経由でフェッチされたドキュメントのインライン スタイルシートに対しても同じことをしたいと思います。XHR 化されたドキュメントを取得できます。解析されたドキュメントにはノード インターフェイスがあり、JavaScript でウォークオーバーしてインライン<style>タグを確認できますが、xhrDocument.styleSheets は常に長さ 0 です。

JavaScriptでCSSを解析する以外に、これに近づく別の方法はありますか? 理想的には、クロスブラウザーで動作するものです。また、どのような状況でも現在のドキュメントに影響を与えない不活性な方法でそうできない限り、スタイルシートを現在のドキュメントに挿入したくありません。

scrollTopまたはなどのプロパティやscrollLeft、現在 CSSOM View モジュールで標準化されている他の多くの「古い」(dhtml) プロパティは、高 dpi デバイスで double (ドラフトで指定されている) ではなく整数を返します。

たとえば、このようなデバイスでは、HTML 要素が完全に下にスクロールされ ている場合、視覚的に完全にスクロールされている場合よりも少なくなりelement.scrollTop + element.clientHeightます。返されたオフセットが切り捨てられているためだと思います。1element.scrollHeight

scrollTop(本文だけでなく、スクロール可能な要素で) その小数部を完全にする別の方法はありますか?

ユーザーがWebページの特定のスタイルを変更できるようにするいくつかの設定を備えたWebページがあります。IDとクラスの両方のスタイルを変更できるように成功しましたが、cssスタイルシートが元々持っていたものにリセットするための迅速で簡単な方法があるかどうか疑問に思っていました(SVGのbaseValとanimValのように) .

私のJavaScriptは次のとおりです。

そうでない場合は、元のクラスごとに配列を作成し、上記の関数を使用して元の状態に戻すのは簡単だと確信しています。

これまでjQueryを使用したことがなく、外部ライブラリを避けたいので、jQueryを使用する必要はありません。