Quelle est la méthode pour contrôler le masquage des éléments en javascript

La méthode permettant à JavaScript de contrôler le masquage des éléments consiste à définir l'affichage dans l'attribut de style de l'élément, par exemple [var t = document.getElementById('test');t.style.display = 'none'; ].

L'environnement d'exploitation de cet article : système windows10, javascript 1.8.5, ordinateur thinkpad t480.

Nous avons deux manières de masquer des éléments en JavaScript :

Méthode 1 : Définir l'affichage dans l'attribut style de l'élément

var t = document.getElementById('test');//选取id为test的元素
t.style.display = 'none';// 隐藏选择的元素
t.style.display = 'block';// 以块级样式显示

Méthode 2 : Définir la visibilité dans l'attribut style de l'élément

var t = document.getElementById('test');
t.style.visibility = 'hidden';// 隐藏元素
t.style.visibility = 'visible';// 显示元素

La différence entre ces deux méthodes :

Après avoir défini l'affichage pour qu'il soit masqué, il n'occupera pas la position d'origine, mais après avoir été masqué par la visibilité, la position de l'élément sera toujours occupée.

Apprentissage recommandé : 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!