jsの基礎改善 DOMオブジェクトスタイルの操作を学習

今回は、DOM オブジェクト スタイルの学習と操作を改善するための js の基礎をお届けします。js で DOM オブジェクト スタイルを操作する際の注意点は何ですか? 実践的なケースを見てみましょう。

簡単な例:

xx.style.xx はインライン スタイルのみを取得できますが、幅は取得できないことがわかります (インライン スタイルは、外部から入ってくるスタイルは変更できないことを意味します)

width取得できません 問題は、それを取得するのは不可能であるということです。100% であることはわかっていますが、この種の操作は範囲外にはなりません

ピクセルの加算と減算:

parseInt で変換し、追加して、最後に復元します。 戻ります

展開: W3C getComputedStyle(style tag) を使用します。 スタイル名

利点: すべてのタグ スタイルを取得できます。使用してください

IE8 とそれ以前のバージョンでは、この 1 つの形式を使用します: tag.currentStyle.height

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、他の関連記事に注目してください。 PHP中国語ウェブサイトで！

推奨読書:

JS学習の基本的な改善のための基本的なデータ型

JSの概念に関する質問の概要とQ&A

以上がjsの基礎改善 DOMオブジェクトスタイルの操作を学習の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。