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

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

coldplay.xixi
coldplay.xixiオリジナル
2021-04-08 15:38:394942ブラウズ

コントロールの表示位置を変更する 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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。