Maison  >  Article  >  interface Web  >  Comment changer la position d'affichage d'un champ en javascript

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

coldplay.xixi
coldplay.xixioriginal
2021-04-08 15:38:394942parcourir

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数值

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

Style écrit

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

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样式

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!

Déclaration:
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