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

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

このチュートリアルの動作環境: 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 サイトの他の関連記事を参照してください。