Maison interface Web js tutoriel Deux façons de masquer et d'afficher les contrôles dans les compétences js_javascript

Deux façons de masquer et d'afficher les contrôles dans les compétences js_javascript

May 16, 2016 pm 04:38 PM
控件 显示 隐藏

Il existe deux manières de masquer les contrôles à l'aide de JavaScript, à savoir en définissant les attributs « affichage » et « visibilité » du style du contrôle.

Le contrôle est visible lorsque style.display="block" ou style.visibility="visible", et est invisible lorsque style.display="none" ou style.visibility="hidden". La différence est que "affichage" non seulement masque le contrôle, mais aussi le contrôle masqué n'occupe plus la position occupée lors de l'affichage, tandis que le contrôle masqué par "visibilité" rend uniquement le contrôle invisible, et le contrôle occupe toujours sa position d'origine. position.

function displayHideUI()
{
var ui =document.getElementById("bbs");
ui.style.display="none";
}
function displayShowUI()
{
var ui =document.getElementById("bbs");
ui.style.display="";//display为空的话会好使,为block会使后边的空间换行
}
function visibilityHideUI()
{
var ui =document.getElementById("bbs");
ui.style.visibility="hidden";
}
function visibilityShowUI()
{
var ui =document.getElementById("bbs");
ui.style.visibility="visible";
}
</script>
Copier après la connexion

Description de la valeur
none Cet élément ne sera pas affiché.
block Cet élément sera affiché comme un élément de niveau bloc avec des sauts de ligne avant et après cet élément.
par défaut en ligne. Cet élément sera affiché comme un élément en ligne sans saut de ligne avant ou après l'élément.
inline-block Élément de bloc en ligne. (Nouvelle valeur en CSS2.1)
list-item Cet élément sera affiché sous forme de liste.
run-in Cet élément apparaîtra comme un élément de niveau bloc ou un élément en ligne, selon le contexte.
compact Il existe une valeur compact en CSS, mais elle a été supprimée de CSS2.1 en raison du manque de support généralisé.
marqueur Il existe un marqueur de valeur dans CSS, mais il a été supprimé de CSS2.1 en raison d'un manque de support généralisé.
table Cet élément sera affiché sous forme de tableau au niveau bloc (similaire à

) avec des sauts de ligne avant et après le tableau.
inline-table Cet élément sera affiché sous forme de tableau en ligne (similaire à
) sans sauts de ligne avant et après le tableau.
table-row-group Cet élément sera affiché sous la forme d'un groupe d'une ou plusieurs lignes (similaire à ).
table-header-group Cet élément sera affiché sous la forme d'un groupe d'une ou plusieurs lignes (similaire à ).
table-footer-group Cet élément sera affiché sous la forme d'un groupe d'une ou plusieurs lignes (similaire à ).
table-row Cet élément sera affiché sous forme de ligne de tableau (similaire à ).
table-column-group Cet élément sera affiché sous la forme d'un groupe d'une ou plusieurs colonnes (similaire à ).
table-column Cet élément sera affiché sous forme de colonne de cellules (similaire à )
table-cell Cet élément sera affiché sous forme de cellule de tableau (similaire à
et )
table-caption Cet élément sera affiché sous forme de titre de tableau (similaire à
)
hériter spécifie que la valeur de l'attribut display doit être héritée de l'élément parent.

Le problème résolu aujourd'hui est de donner à la classe label.error définie par css un identifiant dans la page jsp, puis de contrôler la visibilité de l'identifiant pour effacer les informations d'invite js lorsque le div est réduit. Les détails sont les suivants :
Dans la fonction de préparation de l'interface var label1 = document.getElementById("label1");

$(document).ready(function() {
$(".flipp .span4").click(function() {
$(this).parent().next().toggle();
$(this).parent().parent().prevAll().find(".panel").hide();
$(this).parent().parent().nextAll().find(".panel").hide();
var label1 = document.getElementById("label1");
label1.style.display="none";
})
Copier après la connexion

Puis ajoutez l'endroit correspondant dans jsp :

<label class="error" id="label1" for="currentPWD" generated="true" style="display:inline"></label>
Copier après la connexion

Pour la classe label.error définie par CSS, vous pouvez utiliser $("label.error").removeAttr("style").attr("style", "display: none;"); fonction. De plus, il semble qu’il ne soit pas nécessaire de définir la valeur id du label à l’emplacement souterrain correspondant.

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

Repo: Comment relancer ses coéquipiers
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
4 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Paramètres cachés de la fenêtre flottante de la méthode de saisie Win11 Paramètres cachés de la fenêtre flottante de la méthode de saisie Win11 Dec 30, 2023 pm 11:24 PM

Certains amis ne sont pas habitués à la fonction de fenêtre flottante de la méthode de saisie Win11, et cela semble toujours étrange à utiliser, ils veulent donc désactiver cette fonction de fenêtre flottante. Je vais maintenant vous présenter la méthode de fonctionnement correcte pour fermer la fenêtre flottante. Système win11. Suivez-le. Win11 masque la fenêtre flottante de la méthode de saisie 1. Ouvrez la touche de paramètres de l'ordinateur, puis sélectionnez « Heure et langue ». Après avoir entré, cliquez sur « Entrée » 2. Recherchez « Changer de méthode de saisie » dans « Paramètres avancés du clavier », puis changer "Langue du bureau" Cliquez sur la coche devant "Barre" puis entrez "Options de la barre de langue" 3. Après ouverture, nous cliquons ici sur "Masquer" pour fermer la fenêtre flottante de langue.

Comment masquer les icônes de la barre des tâches Windows 11 ? Comment masquer les icônes de la barre des tâches Windows 11 ? Jan 06, 2024 am 08:38 AM

Dans le système win11, si nous trouvons les icônes de la barre des tâches gênantes, nous pouvons choisir de les masquer dans l'interface de débordement du coin de la barre des tâches. Cependant, les icônes de la barre des tâches de l'application ouverte ci-dessous ne peuvent pas être masquées. Regardons la situation spécifique. Comment masquer l'icône de la barre des tâches Win11 : 1. Centrez l'icône 1. Tout d'abord, si nous voulons masquer l'icône dans la barre des tâches ci-dessous, nous pouvons cliquer avec le bouton droit pour la sélectionner et cliquer sur "Détacher de la barre des tâches" 2. Mais si nous ouvrons cette application et sont en train de l'utiliser et c'est impossible à cacher. 2. Icône dans le coin inférieur droit 1. Si vous souhaitez masquer l'icône de l'application dans le coin inférieur droit, ouvrez d'abord les paramètres système. 2. Cliquez ensuite sur « Personnalisation » dans la barre latérale gauche, comme indiqué sur l'image. 3. Cliquez ensuite pour accéder à la barre des tâches à droite

Comment masquer les amis WeChat sans les bloquer ni les supprimer ? Comment masquer les amis WeChat sans les bloquer ni les supprimer Comment masquer les amis WeChat sans les bloquer ni les supprimer ? Comment masquer les amis WeChat sans les bloquer ni les supprimer Mar 13, 2024 pm 07:19 PM

Comment masquer les amis WeChat sans les bloquer ni les supprimer ? De nombreux utilisateurs souhaitent masquer certains amis mais ne savent pas comment le faire. Laissez ce site présenter soigneusement aux utilisateurs comment masquer les amis WeChat sans les bloquer ni les supprimer. Méthodes pour masquer les amis WeChat sans bloquer ou supprimer Méthode 1 : 1. Ouvrez d'abord le logiciel WeChat, recherchez le carnet d'adresses sur la page WeChat et cliquez sur « Mon ». 2. Ensuite, nous entrons dans la page des paramètres. 3. Recherchez l'option « Confidentialité » et cliquez dessus. 4. Cliquez ensuite sur « Ne le laissez pas voir ». 5. Accédez à la page Ne pas la laisser voir et cliquez sur « + » pour vérifier les amis que vous souhaitez masquer.

Comment masquer les œuvres dans les courtes vidéos Douyin Comment masquer les œuvres vidéo personnelles Comment masquer les œuvres dans les courtes vidéos Douyin Comment masquer les œuvres vidéo personnelles Mar 12, 2024 pm 12:49 PM

Il existe de nombreuses courtes œuvres vidéo fournies dans le logiciel d'application vidéo courte Douyin. Vous pouvez les regarder à votre guise, et elles sont toutes fournies gratuitement en permanence. Différents types de chaînes vidéo en direct sont ouverts et tout le contenu vidéo est original. . Offrez à chacun la façon la plus satisfaisante de regarder. Entrez votre compte pour vous connecter en ligne, et une variété de courtes vidéos passionnantes seront diffusées, qui sont recommandées avec précision en fonction de ce que tout le monde regarde chaque jour. Vous pouvez également entrer dans la salle de diffusion en direct pour interagir et discuter avec le présentateur, vous faisant ressentir. plus heureux. Les œuvres téléchargées par des particuliers peuvent également être masquées. C'est très simple à configurer en un seul clic. Vous pouvez voir partout où vous glissez vers le haut et vers le bas pour voir les commentaires en temps réel d'innombrables internautes. L'éditeur propose désormais des courtes vidéos détaillées en ligne sur Douyin. Les utilisateurs demandent des moyens de cacher leurs œuvres vidéo personnelles. Première courte vidéo ouverte de Douyin

Comment masquer Smart Island sur Xiaomi Mi 14 ? Comment masquer Smart Island sur Xiaomi Mi 14 ? Mar 18, 2024 pm 03:40 PM

En plus de l'étonnante configuration matérielle et des excellentes fonctions, le Xiaomi Mi 14 cache également un endroit fascinant : Smart Island. Ici, les utilisateurs peuvent profiter d’une personnalisation personnalisée et d’une expérience créative illimitée sur téléphone mobile. Mais tout le monde n’aime pas cette fonctionnalité, alors comment Xiaomi Mi 14 cache-t-il Smart Island ? Découvrons ensemble. Comment masquer Smart Island sur Xiaomi Mi 14 ? 1. Ouvrez l'application des paramètres du téléphone mobile Xiaomi 14. 2. Faites défiler pour trouver l'option « Fonctionnalités » et cliquez pour entrer. 3. Recherchez l'option « Masquer l'îlot intelligent » sur la page des fonctionnalités et activez-la. 4. Après avoir confirmé que le masquage de Smart Island est activé, revenez au bureau et vous verrez que Smart Island a été masqué.

Tutoriel détaillé sur le masquage des travaux sur Douyin Tutoriel détaillé sur le masquage des travaux sur Douyin Mar 25, 2024 pm 03:11 PM

1. Cliquez d'abord sur [+] pour tirer. 2. Cliquez ensuite sur la coche dans le coin inférieur droit pour confirmer la fin de la prise de vue. Cliquez] Suivant[, 3. Cliquez sur [Qui peut voir]. Sélectionnez simplement [Privé]. Scénario 2 : Le travail a été effectué. 1. Cliquez sur [Moi] et sélectionnez [Travail]. 2. Cliquez sur le logo [trois points] à droite. 3. Faites glisser votre doigt vers la gauche pour trouver [Paramètres d'autorisation], 4. Cliquez sur [Définir comme privé].

Comment nettoyer en profondeur les fichiers indésirables cachés sur votre téléphone (supprimer complètement les fichiers indésirables de la mémoire de votre téléphone) Comment nettoyer en profondeur les fichiers indésirables cachés sur votre téléphone (supprimer complètement les fichiers indésirables de la mémoire de votre téléphone) Jun 01, 2024 am 09:29 AM

Les téléphones mobiles sont devenus un élément indispensable de notre vie quotidienne, avec les progrès continus de la technologie et la popularité des smartphones. Ces fichiers indésirables occupent un espace de stockage précieux et, au fil du temps, une grande quantité de fichiers indésirables cachés s'accumulera dans le téléphone et entraînera cependant une dégradation des performances du téléphone. Savoir comment nettoyer en profondeur les fichiers indésirables cachés sur votre téléphone est devenu une connaissance essentielle pour tout utilisateur de téléphone mobile. 1. Rechercher et effacer les caches d'applications inutiles 2. Supprimer les applications qui ne sont plus utilisées 3. Nettoyer le cache photo et vidéo 4. Nettoyer complètement les fichiers temporaires et les dossiers de téléchargement 5. Organiser et nettoyer les enregistrements de contacts et de messages texte 6. Nettoyer le cache système 7. Désinstallez les applications système inutiles 8. Nettoyez le cache et l'historique du navigateur 9. Supprimez les fichiers de musique et audio non valides 10. Optimisez le système de fichiers du téléphone mobile

Raisons et solutions pour le verrouillage de la disposition du bureau Raisons et solutions pour le verrouillage de la disposition du bureau Feb 19, 2024 pm 06:08 PM

Que se passe-t-il lorsque la disposition du bureau est verrouillée ? Lors de l'utilisation de l'ordinateur, nous pouvons parfois rencontrer une situation dans laquelle la disposition du bureau est verrouillée. Ce problème signifie que nous ne pouvons pas ajuster librement la position des icônes du bureau ou modifier l'arrière-plan du bureau. Alors, que se passe-t-il exactement lorsqu'il est indiqué que la disposition du bureau est verrouillée ? 1. Comprendre la disposition du bureau et les fonctions de verrouillage. Tout d’abord, nous devons comprendre les deux concepts de disposition du bureau et de verrouillage du bureau. La disposition du bureau fait référence à la disposition de divers éléments sur le bureau, notamment les raccourcis, les dossiers, les widgets, etc. nous pouvons être libres

See all articles