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