Heim > Web-Frontend > js-Tutorial > Hauptteil

So ändern Sie die Anzeigeposition eines Steuerelements in Javascript

coldplay.xixi
Freigeben: 2023-01-04 09:35:15
Original
4947 Leute haben es durchsucht

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数值
Nach dem Login kopieren
. 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;}
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!