Maison  >  Article  >  interface Web  >  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()

不言
不言original
2018-05-07 16:09:543520parcourir

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代码

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("欢迎您访问简明现代魔法图书馆~~");

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元素的文本内容

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("欢迎您访问简明现代魔法图书馆~~");

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 e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3 qui affiche le nom de l'ami : 0902c5e87743c2c26b0dd04c4b8b3f6694b3e26ee717c64999d7867364b1b4a3, comme ça js Le fichier peut obtenir dynamiquement l'identifiant de l'élément e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3 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!

Déclaration:
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