Comment puis-je déterminer la visibilité des éléments en JavaScript pur ?

Détermination de la visibilité des éléments en JavaScript pur

En l'absence de jQuery, les développeurs recherchent souvent des méthodes pour vérifier si un élément est visible dans le DOM . Cet article répond à cette question en explorant divers attributs pouvant indiquer une visibilité ou un statut masqué.

Bien que l'examen de l'attribut d'affichage reste un facteur important, ce n'est pas le seul à prendre en compte. L'attribut de visibilité peut également affecter la visibilité, indiquant si un élément est actuellement masqué.

Cependant, d'autres attributs peuvent également nécessiter une attention particulière. Selon la documentation MDN, la propriété offsetParent d'un élément renvoie null lorsque lui ou ses parents sont masqués via le style d'affichage. Pour déterminer la visibilité à l'exclusion des éléments fixes, le script suivant peut être utilisé :

function isHidden(el) {
    return (el.offsetParent === null);
}

Cependant, les éléments fixes peuvent nécessiter une approche différente, en s'appuyant sur window.getComputedStyle(). La fonction suivante prend en compte ces éléments :

function isHidden(el) {
    var style = window.getComputedStyle(el);
    return (style.display === 'none');
}

Bien que la deuxième option soit plus complète, elle peut être plus lente sur le plan du calcul. Par conséquent, le choix optimal dépend de la fréquence de l'opération.

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!