Maison > interface Web > js tutoriel > Comment ajouter dynamiquement des styles aux balises HTML renvoyées par Ajax

Comment ajouter dynamiquement des styles aux balises HTML renvoyées par Ajax

韦小宝
Libérer: 2018-01-01 19:12:34
original
2342 Les gens l'ont consulté

Cet article présente principalement la méthode d'ajout dynamique de styles aux balises HTML renvoyées par Ajax. Les amis intéressés par ajax peuvent se référer à la méthode d'ajout dynamique de styles aux balises HTML renvoyées par Ajax

Travail. dessus aujourd'hui Pendant le projet, j'ai utilisé ajax pour revenir à une autre page de la page, et j'ai soudainement découvert que le tableau de la page renvoyée avait fait sortir la page. Après quelques recherches, je l'ai finalement résolu.

Préparez d'abord le conteneur pour le contenu renvoyé

 <p class="container">
 </p>
Copier après la connexion

Prédéfinissez un style afin que le contenu renvoyé puisse être directement appliqué

Nous espérons par exemple que le formulaire retourné ne sera pas trop excessif et ne repoussera pas la page. . .

<style>
 .container table{
 width:100%;
 }
</style>
Copier après la connexion

Enfin, utilisez ajax pour renvoyer le contenu directement dans le conteneur

$(function(){
 $(&#39;a&#39;).click(function(){
 $.get(&#39;get.html&#39;,function(data){
 $(&#39;.container&#39;).html(data);
 });
 }); 
});
Copier après la connexion

Non, ce qui précède est la méthode introduite par l'éditeur pour ajouter dynamiquement des styles aux balises HTML renvoyées par Ajax. J'espère que cela sera utile à tout le monde ! !

Recommandations associées :

Exemples détaillés d'implémentation Ajax d'une interface de connexion belle et sécurisée

À propos de l'encapsulation secondaire ajax de jquery

Explication détaillée de la méthode Ajax pour implémenter la soumission du formulaire Form et les précautions

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