Comment puis-je ajouter par programme du texte aux éléments HTML à l'aide de CSS ou de JavaScript ?

Ajout de texte aux éléments à l'aide de CSS

CSS, réputé pour sa capacité à modifier l'esthétique du texte, peut également être utilisé pour insérer du texte par programme dans éléments. Cela élimine le besoin d'insertion manuelle répétitive de texte et optimise l'efficacité du code.

Dans l'exemple donné, l'objectif est d'afficher dynamiquement « la tâche de Joe : » avant les éléments de texte avec la classe « OwnerJoe ». Ceci peut être réalisé avec CSS comme suit :

.OwnerJoe:before {
  content: "Joe's Task: ";
}

En préfixant cette règle, le texte "Joe's Task:" sera inséré avant tout élément avec la classe "OwnerJoe". Cette approche nécessite un navigateur prenant en charge CSS2 ou supérieur.

Alternativement, JavaScript peut être utilisé pour insérer du texte de manière dynamique :

$('.OwnerJoe').each(function() {
  $(this).before($('<span>').text("Joe's Task: "));
});

Avec ce code jQuery, chaque élément avec la classe "OwnerJoe" aura un élément span contenant le texte "Joe's Task:" inséré avant lui.

Par conséquent, CSS et JavaScript offrent des solutions viables pour insérer par programmation du texte dans des éléments. Bien que CSS fournisse une solution simple, JavaScript peut être préféré pour des scénarios d'insertion de texte plus complexes.

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!