jQuery innerText () vs extérieur ()

Points de base

• jQuery's innerText() et outerText() sont des propriétés JavaScript qui fonctionnent sur le contenu texte des éléments HTML. innerText() remplace le contenu entre les balises de démarrage et de fin de l'élément, tandis que outerText() supprime l'élément et le remplace par le texte spécifié.
• innerText() et outerText() peuvent être utilisés pour n'importe quel élément HTML. Cependant, l'utilisation de outerText() sur les éléments contenant d'autres éléments remplacera ces éléments avec du texte. Ces méthodes sont prises en charge dans la plupart des navigateurs modernes, mais pas dans Internet Explorer 9 et plus tôt.
Les alternatives à
• et innerText() dans outerText() jQuery incluent la méthode .text() (obtient ou définit le contenu texte d'un élément et l'utilise avec la collection jQuery) et la méthode .html() (obtient ou définit le contenu HTML d'un élément, y compris des balises).

jQuery innerText() Comparaison avec jQuery outerText()

Les fonctions

jQuery's innerText() et outerText() sont presque les mêmes. Notez que ceux-ci peuvent être appelés fonctions jQuery, mais ce sont en fait des propriétés JavaScript. Pour faciliter l'explication, nous utiliserons jQuery! :) L'attribut jQuery innerText() remplace le contenu entre les balises de démarrage et de fin de l'élément par le texte spécifié, tandis que l'attribut outerText() supprime l'élément et le remplace par le texte spécifié. Ce dont vous devez vous souvenir, c'est:

• innerText Remplacez uniquement le contenu à l'intérieur de la balise
• outerText Remplacez le contenu et ses balises elles-mêmes

jQuery innerText() Exemple de fonction

//简单的示例，用于更改页面元素的文本
document.getElementById("elementID").innerText = "我爱 jQuery4u 博客！";

<p id="elementID">这里将更改的文本。</p>
<button onclick="changeText()">更改文本</button>
<button onclick="resetText()">重置</button>

jQuery outerText() Exemple de fonction

document.getElementById("elementID").outerText = "我爱 jQuery4u 博客！";

<p id="elementID">是的，我 <3 jQuery!</p>
<button id="myButton" onclick="myFunction()">点击我</button>

jQuery innerText et outerText FAQ (FAQ)

Quelle est la différence entre

et innerText dans jQuery? outerText

dans jQuery,

et innerText sont utilisés pour manipuler le contenu texte des éléments HTML. La principale différence entre eux est la façon dont ils gèrent les balises HTML. outerText obtient ou définit le texte entre les balises de début et de fin d'un élément HTML, à l'exclusion de la balise elle-même. D'un autre côté, innerText obtient ou définit du texte, y compris les balises HTML. Cela signifie que si vous définissez du texte avec outerText, il remplacera l'ensemble de l'élément par le texte spécifié, y compris l'étiquette. outerText

comment utiliser innerText et outerText dans jQuery?

Pour utiliser innerText ou outerText dans jQuery, vous devez sélectionner l'élément HTML sur lequel vous souhaitez utiliser et appeler la méthode correspondante. Par exemple, pour définir le texte interne d'un élément de paragraphe, vous pouvez utiliser le code suivant:

$('p').innerText = '新文本';

Pour définir du texte externe, vous pouvez utiliser:

$('p').outerText = '新文本';

N'oubliez pas que le réglage du texte externe remplacera l'élément entier par le texte spécifié, y compris l'étiquette.

Puis-je utiliser innerText et outerText pour un élément HTML?

Oui, vous pouvez utiliser innerText et outerText pour n'importe quel élément HTML. Cependant, n'oubliez pas que ces méthodes affectent uniquement le contenu texte de l'élément. Si un élément contient d'autres éléments ou attributs, il ne sera pas affecté.

Que se passe-t-il si je définis le texte d'un élément contenant d'autres éléments en utilisant outerText?

Si vous utilisez outerText pour définir le texte des éléments contenant d'autres éléments, ces éléments seront remplacés par le texte. En effet, outerText remplace l'élément entier, y compris l'étiquette, avec le texte spécifié.

Existe-t-il une alternative à

et innerText dans outerText?

Oui, il existe plusieurs alternatives à innerText et outerText dans jQuery. Par exemple, vous pouvez utiliser la méthode .text() pour obtenir ou définir le contenu texte d'un élément. Cette méthode fonctionne de manière similaire à innerText, mais elle fonctionne également avec les collections jQuery, pas seulement un seul élément. Une autre alternative est la méthode .html(), qui obtient ou définit le contenu HTML de l'élément, y compris les balises.

Puis-je utiliser innerText et outerText dans tous les navigateurs?

innerText et outerText sont pris en charge dans la plupart des navigateurs modernes, notamment Chrome, Firefox, Safari et Edge. Cependant, ils ne sont pas pris en charge dans Internet Explorer 9 et plus tôt.

(Les questions et réponses suivantes sont couvertes dans le texte d'origine, et la duplication est omise ici)

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!