Code d'implémentation JQuery pour obtenir et définir le contenu ou le texte de HTML elements_jquery

Jetons d’abord un coup d’œil à la démonstration :

Bienvenue dans le didacticiel PHP Script House

• Tutoriel PHP Script House
• La magie JavaScript facile à comprendre
• La magie JQuery facile à comprendre

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 certain élément. Pour récupérer le contenu d'un élément, vous pouvez faire ceci :

var p_html = $("p").html();	//获取p元素的HTML代码 

Si vous devez définir le code HTML d'un certain élément, 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 :

//设置p元素的HTML代码
$("p").html("欢迎您访问脚本之家～～"); 

Remarque : La méthode html() peut être utilisée pour les documents XHTML, mais pas pour les 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 :

var p_text = $("p").text(); //获取p元素的文本内容  

Identique à la méthode html(), 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 :

// 设置p元素的文本内容
$("p").text("欢迎您访问脚本之家教程～～");  

Veuillez noter les deux points suivants :

1. 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.

2. La méthode text() est valable à la fois pour les documents HTML et les documents XML.