J'ai récemment résumé quelques connaissances JavaScript et les ai partagées avec vous. Cet article parle principalement des différences d'utilisation de innerHTML, innerText et externalHTML en JavaScript. Les amis dans le besoin peuvent y jeter un œil.
Utilisation :<div id="test"> <span style="color:red">test1</span> test2 </div>
test.innerHTML :
C'est-à-dire, à partir du object Tout le contenu de la position de départ à la position de fin, y compris les balises HTML. La valeur de test.innerHTML dans l'exemple ci-dessus est "test1 test2 ".test.innerText :
Contenu de la position de départ à la position de fin, mais il supprime la balise Html text.innerTest dans ce qui précède exemple La valeur est "test1 test2", avec la balise span supprimée.test.outerHTML :
En plus de contenir l'intégralité du contenu de innerHTML, il contient également la balise d'objet elle-même. La valeur de text.outerHTML dans l'exemple ci-dessus estExemple complet :
<div id="test"> <span style="color:red">test1</span> test2 </div> innerHTML内容 inerHTML内容 outerHTML内容
innerHTML est un attribut conforme aux standards du W3C, alors que innerText ne s'applique qu'aux navigateurs IE, donc, utilisez innerHTML autant que possible et utilisez innerText moins. Si vous souhaitez générer du contenu sans balises HTML, vous pouvez utiliser innerHTML pour obtenir le contenu contenant des balises HTML, puis utiliser des expressions régulières pour supprimer les balises HTML. Exemple standard simple conforme au W3C :
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!
Quels sont les types de fichiers
Utilisation de strncpy
Quels sont les quatre outils d'analyse du Big Data ?
Introduction aux fichiers de configuration php
Plateforme de trading en masse
Trois méthodes d'encodage couramment utilisées
Comment ouvrir un compte en monnaie numérique
Comment résoudre les caractères tronqués de Filezilla
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
