js obtient et définit la valeur d'affichage de la balise p via les compétences méthodes_javascript html() et text()

Méthode html()

Cette méthode est similaire à l'attribut innerHTML en JavaScript et peut être utilisée pour lire ou définir le contenu HTML d'un élément. Pour obtenir le contenu d'un élément, vous pouvez faire ceci :

Copiez le code Le code est le suivant :

var p_html = $("p").html(); //Obtenir le code HTML de l'élément p

Si vous devez définir le code HTML d'un certain élément , vous pouvez également utiliser cette méthode, mais vous devez la définir. Passer un paramètre. Par exemple, pour définir le code HTML de l'élément p, vous pouvez utiliser le code suivant :

Copiez le code Le code est comme suit :

//Définissez le code HTML de l'élément p
$("p").html("Bienvenue dans la bibliothèque magique moderne concise ~~");

Remarque : html() La méthode peut être utilisée avec des documents XHTML mais pas avec des documents XML.


Méthode text()
Cette méthode est similaire à l'attribut innerText en JavaScript et peut être utilisée pour lire ou définir le contenu du texte dans un élément. Continuez à utiliser le code HTML ci-dessus et utilisez la méthode text() pour opérer sur l'élément p :

Copiez le code Le code est le suivant :

var p_text = $("p").text(); //Obtenir le contenu textuel de l'élément p

Identique au html (), si vous devez le définir pour un élément Contenu texte, alors un paramètre doit également être passé. Par exemple, pour définir le contenu du texte pour l'élément p, le code est le suivant :

Copiez le code Le code est le suivant suit :

/ / Définir le contenu du texte de l'élément p
$("p").text("Bienvenue dans la bibliothèque magique moderne concise ~~"); 🎜>
Veuillez noter les deux points suivants :

L'attribut innerText en JavaScript ne peut pas s'exécuter sous le navigateur Firefox, mais la méthode text() de jQuery prend en charge tous les navigateurs.
La méthode text() est valable à la fois pour les documents HTML et les documents XML.

Lors de l'affichage de la liste d'amis, définissez l'élément

qui affiche le nom de l'ami :

, afin que le fichier js puisse obtenir dynamiquement l'identifiant de l'élément

et attribuer avec succès la valeur via la méthode text() $("#p" userId).text(name) ;