ホームページ >ウェブフロントエンド >jsチュートリアル >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 サイトの他の関連記事を参照してください。