innerText vs textContent : quelle propriété JavaScript devriez-vous utiliser pour la manipulation de texte entre navigateurs ?

Manipulation du contenu de texte entre navigateurs : 'innerText' contre 'textContent'

En JavaScript, la manipulation du contenu du texte des éléments varie selon les navigateurs. Alors que « innerText » fonctionne parfaitement dans IE, Firefox présente un comportement différent.

innerText vs textContent

Firefox adhère à la norme W3C et utilise « textContent ». Cette propriété inclut tous les contenus des balises SCRIPT au sein de l'élément, contrairement à 'innerText' qui les exclut.

Compatibilité avec les navigateurs

Opera, en plus de prendre en charge 'textContent', implémente également une version de « innerText » qui se comporte comme « textContent ». Safari 2.x, cependant, a une implémentation boguée de « innerText » où sa fonctionnalité est limitée aux éléments visibles et attachés.

Solution générique multi-navigateurs

Compte tenu de En cas de divergences entre les navigateurs, il est conseillé de définir précisément vos besoins. Supprimer les balises de « innerHTML » peut souvent suffire au lieu de s'appuyer sur « textContent » ou « innerText ».

Approche alternative

Alternativement, parcourir de manière récursive l'arborescence DOM et rassembler Les nœuds de texte fournissent une méthode plus fiable pour la manipulation du contenu texte entre navigateurs.

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!