给Ajax返回的HTML标签动态添加样式的方法
更新时间：2017年04月17日 11:53:37 投稿：mrr
这篇文章主要介绍了给Ajax返回的HTML标签动态添加样式的方法,需要的朋友可以参考下
今天在做项目时，在页面中用ajax返回了另一个页面，突然发现返回页面中的表格把页面给顶了出去，经过一番研究，终于解决了。
先准备好要返回内容的容器
<div class="container"> </div>
预定义一个样式，以便返回的内容能直接套用
比如，我们希望返回的表格不会太过分，把页面给顶开了。。。
<style>
.container table{
width:100%;
}
</style>
最后直接在容器中用ajax返回内容
$(function(){
$('a').click(function(){
$.get('get.html',function(data){
$('.container').html(data);
});
});
});
没了，以上所述是小编给大家介绍的给Ajax返回的HTML标签动态添加样式的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了ajax提交到servelt获取参数有乱码的解决方法,需要的朋友可以参考下2014-02-02
第一次碰到了这种编码的问题，在windows下AJAX接收到中文数据显示出来全是乱码，而在linux下，竟然提示网页出错，什么显示都没有。2009-06-06
以下是Ajax 提交表单数据到入库的全盘操作流程，希望本文对广大php开发者有所帮助，感谢阅读本文2014-01-01
前段时间在做程序的时候发现一个小问题，在写后台管理上传图片时，在我进行用Form表单提交的时候直接跳出来提交返回值的页面并且原先的页面刷新，下面小编通过分享本文给大家解析下2016-10-10
使用jQuery的getJSON从后台定时获取数据并刷新界面，在IE9下却无法刷新数据，原因就是缓存的问题，下面是解决方法2014-09-09
像ajax请求发生两次提交的原因是在执行完ajax请求后，并没有阻止submit的行为，下面小编给大家带来两种按钮的ajax请求时一次点击两次提交的解决方法，一起看看吧2016-09-09
Ajax内部交流文档...2006-06-06
ajax跨域这个问题其实很常见,这篇文章主要给大家介绍了关于AJAX请求数据及实现跨域的三种方法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2021-12-12
将xml文件作为一个小的数据库,进行学生的增删改查的简单实例
下面小编就为大家带来一篇将xml文件作为一个小的数据库,进行学生的增删改查的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
这篇文章主要介绍了Ajax提交post请求,结合具体案例形式分析了ajax提交post请求相关原理、用法及操作注意事项,需要的朋友可以参考下2019-07-07
最新评论