Maison > interface Web > js tutoriel > le corps du texte

Comment changer la position d'affichage d'un champ en javascript

coldplay.xixi
Libérer: 2023-01-04 09:35:15
original
4950 Les gens l'ont consulté

Comment changer la position d'affichage du contrôle en utilisant JavaScript : 1. Utilisez js pour changer le style du contrôle 2. Utilisez js pour changer la classe de l'élément, le code est [elem.className= ; 'nouvellePosition'].

Comment changer la position d'affichage d'un champ en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur DELL G3.

Comment changer la position d'affichage du contrôle à l'aide de JavaScript :

1 Utilisez js pour changer le style du contrôle

var elem=document.getElementById("控件id");//获取控件
  elem.style.position = "absolute";//设置绝对定位(或者相对定位)
  elem.style.left = "50px";//设置left数值
  elem.style.top = "100px";//设置top数值
Copier après la connexion

2. Utilisez js pour changer la classe de l'élément

Style écrit

.newPosition{position:absolute;top:50px;left:100px;}
Copier après la connexion

Changer la classe de l'élément (peut être lié à un événement, ou la page est chargée et exécutée)

var elem=document.getElementById("控件id");//获取控件
elem.className='newPosition';//为空间添加class样式
Copier après la connexion

Recommandations d'apprentissage gratuites associées : tutoriel vidéo javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal