How to dynamically add styles to HTML tags returned by Ajax

This article mainly introduces the method of dynamically adding styles to the HTML tags returned by Ajax. Friends who are interested in ajax can refer to the method of dynamically adding styles to the HTML tags returned by Ajax.

Working on it today During the project, I used ajax to return to another page in the page. Suddenly I found that the table in the returned page pushed the page out. After some research, I finally solved it.

First prepare the container for the returned content

 <p class="container">
 </p>

Predefine a style so that the returned content can be directly applied

For example, we hope that the returned form will not be too excessive and push the page away. . .

<style>
 .container table{
 width:100%;
 }
</style>

Finally, use ajax to return the content directly in the container

$(function(){
 $('a').click(function(){
 $.get('get.html',function(data){
 $('.container').html(data);
 });
 }); 
});

No more, The above is the method introduced by the editor to dynamically add styles to the HTML tags returned by Ajax. I hope it will be helpful to you! !

Related recommendations:

Detailed examples of Ajax to achieve a beautiful and secure login interface

About ajax secondary encapsulation jquery

Detailed explanation of Ajax method to implement Form form submission and precautions

The above is the detailed content of How to dynamically add styles to HTML tags returned by Ajax. For more information, please follow other related articles on the PHP Chinese website!