ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptでコントロールの表示位置を変更する方法

JavaScriptでコントロールの表示位置を変更する方法

coldplay.xixi
リリース: 2023-01-04 09:35:15
オリジナル
4997 人が閲覧しました

コントロールの表示位置を変更する Javascript メソッド: 1. js を使用してコントロールのスタイルを変更します; 2. js を使用して要素のクラスを変更します、コードは [elem.className='新しい位置']。

JavaScriptでコントロールの表示位置を変更する方法

このチュートリアルの動作環境: Windows 7 システム、JavaScript バージョン 1.8.5、DELL G3 コンピューター。

コントロールの表示位置を変更する Javascript メソッド:

1. js を使用してコントロールのスタイルを変更します

var elem=document.getElementById("控件id");//获取控件
  elem.style.position = "absolute";//设置绝对定位(或者相对定位)
  elem.style.left = "50px";//设置left数值
  elem.style.top = "100px";//设置top数值
ログイン後にコピー

2. を使用します。 js を使用して要素のクラスを変更します

記述スタイル

.newPosition{position:absolute;top:50px;left:100px;}
ログイン後にコピー

要素クラスを変更します (イベントにバインドするか、ページがロードされて実行されます)

var elem=document.getElementById("控件id");//获取控件
elem.className='newPosition';//为空间添加class样式
ログイン後にコピー

関連する無料学習の推奨事項: JavaScript ビデオ チュートリアル

以上がJavaScriptでコントロールの表示位置を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート