Maison > interface Web > js tutoriel > js obtient et définit la valeur d'affichage de la balise p via les méthodes html() et text()

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

不言
Libérer: 2018-05-07 16:09:54
original
3578 Les gens l'ont consulté

Cet article présente principalement js pour obtenir et définir la valeur d'affichage de la balise p via les méthodes html() et text(). Les amis qui en ont besoin peuvent se référer au

html(). method

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(); //获取p元素的HTML代码
Copier après la connexion

Si vous avez besoin de définir le code HTML d'un élément, puis vous pouvez également utiliser cette méthode, mais vous devez lui 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 le suivant :

//设置p元素的HTML代码 
$("p").html("欢迎您访问简明现代魔法图书馆~~");
Copier après la connexion

Remarque : La méthode html() peut fonctionner 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(); //获取p元素的文本内容
Copier après la connexion

et html() sont les mêmes. Si vous devez définir le contenu du texte pour un élément, vous devez également passer un paramètre. 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 :

// 设置p元素的文本内容 
$("p").text("欢迎您访问简明现代魔法图书馆~~");
Copier après la connexion

Veuillez noter les deux points suivants :
JavaScript L'attribut innerText ne fonctionne pas sous le navigateur Firefox, et 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 :

, comme ça js Le fichier peut obtenir dynamiquement l'identifiant de l'élément

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

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal