Heim  >  Artikel  >  Web-Frontend  >  So ändern Sie die Anzeigeposition eines Steuerelements in Javascript

So ändern Sie die Anzeigeposition eines Steuerelements in Javascript

coldplay.xixi
coldplay.xixiOriginal
2021-04-08 15:38:394938Durchsuche

So ändern Sie die Anzeigeposition des Steuerelements mit JavaScript: 1. Verwenden Sie js, um den Stil des Steuerelements zu ändern. 2. Verwenden Sie js, um die Klasse des Elements zu ändern. Der Code lautet [elem.className='newPosition']. .

So ändern Sie die Anzeigeposition eines Steuerelements in Javascript

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, DELL G3-Computer.

So ändern Sie die Anzeigeposition des Steuerelements mit JavaScript:

1. Verwenden Sie js, um den Stil des Steuerelements zu ändern.

var elem=document.getElementById("控件id");//获取控件
  elem.style.position = "absolute";//设置绝对定位(或者相对定位)
  elem.style.left = "50px";//设置left数值
  elem.style.top = "100px";//设置top数值
. 2. Verwenden Sie js, um die Klasse des Elements zu ändern

Ändern Sie die Elementklasse (kann an ein bestimmtes Ereignis gebunden werden oder die Seite wird geladen und ausgeführt)

.newPosition{position:absolute;top:50px;left:100px;}

Verwandte kostenlose Lernempfehlungen:

Javascript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo ändern Sie die Anzeigeposition eines Steuerelements in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn