给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标签动态添加样式的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

时间: 2024-10-28 03:00:34

给Ajax返回的HTML标签动态添加样式的方法的相关文章

Ajax Hack 之hack 11 动态产生样式

ajax|动态 Ajax Hack 之hack 11 动态产生样式 为web内容动态定义和制定CSS样式. JavaScript和DOM编程允许用户定义CSS样式属性,并应用于页面元素.一个典型的例子是一个wiki页面允许用户设计自己页面的方案和样式. 通常情况下,比较好的方法是将样式定义从JavaScript代码中分离出来.这样的习惯可以使元素独立扩展,降低web页面元素的复杂性,使之更高效. 本hack和上一个相似,根据用户选择的样式,动态显示服务器信息.和前一个不同之处就是:这里是在代码里

jQuery实现表格行和列的动态添加与删除方法【测试可用】_jquery

本文实例讲述了jQuery实现表格行和列的动态添加与删除方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/19

JavaScript动态添加列的方法_javascript技巧

本文实例讲述了JavaScript动态添加列的方法.分享给大家供大家参考.具体实现方法如下: /*** * 动态添加table 列 * @param result */ function addRow(resultJson){ /* var temp = []; temp = $.grep(arr, function(val, key) { if(val.indexOf('c') != -1) return true; // 如果[invert]参数不给或为false, $.grep只收集回调函

asp.net为网页动态添加关键词的方法

  asp.net为网页动态添加关键词的方法          这篇文章主要介绍了asp.net为网页动态添加关键词的方法,可实现动态添加keyword meta的功能,非常具有实用价值,需要的朋友可以参考下.具体如下: 这段代码可以修改网页的keyword meta ? 1 2 3 4 HtmlMeta keywords = new HtmlMeta(); keywords.Name = "keywords"; keywords.Content = "关键词";

asp.net在后端动态添加样式表调用的方法

  asp.net在后端动态添加样式表调用的方法         本篇文章主要介绍了asp.net在后端动态添加样式表调用的方法,涉及asp.net操作样式表的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了asp.net在后端动态添加样式表调用的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 HtmlLink CssControl = new HtmlLink(); CssControl.Href = url; CssControl.Attribut

Jquery动态添加输入框的方法

  本文实例讲述了Jquery动态添加输入框的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 <!-- 页头 --> <#include "../common/

Jquery动态添加输入框的方法_jquery

本文实例讲述了Jquery动态添加输入框的方法.分享给大家供大家参考.具体实现方法如下: <!-- 页头 --> <#include "../common/head.ftl"> <div id="onFailureDiv" class="alert alert-danger navbar-fixed-top" style="text-align:center; display:none">&

JS实现为表格动态添加标题的方法_javascript技巧

本文实例讲述了JS实现为表格动态添加标题的方法.分享给大家供大家参考.具体如下: JS中的表格对象带有一个createCaption方法用于为表格创建标题caption <!DOCTYPE html> <html> <head> <script> function createCaption() { var x=document.getElementById('myTable').createCaption(); x.innerHTML="My t

Android使用addView动态添加组件的方法_Android

在项目开发中,我们经常需要进行动态添加组件,其中可添加的部分有两项:布局和组件  其中,添加的布局主要有RelativeLayout型(相对布局)的和LinearLayout(线性布局) 添加的组件主要有文本显示框,编辑框,按钮等组件.  下面,就让我们来进行实现: 首先我们创建一个新的项目,删除MainActivity.class中没有的代码,仅留下protected void onCreate(Bundle savedInstanceState)函数往布局文件中添加一个新的组件: 1. ad