美文网首页程序员
如何给ajax返回的html标签动态添加样式

如何给ajax返回的html标签动态添加样式

作者: 呆猫极客 | 来源:发表于2017-04-12 04:30 被阅读0次

大晚上的写篇文章不容易!

今天在做项目时,在页面中用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返回了另一个页面,突然发现返回页面中的表格把页面给顶了...

  • iOS开发 - WKWebView 那些坑

    附:带有html标签的字符串 适配图片、视频(重写返回的html标签样式):

  • 修改 v-html 样式

    后端返回的字段,带标签, 需要v-html 指令去渲染页面.标签如果样式不符合页面布局, 就需要添加css 去修改...

  • html中如何让图片翻转

    前言   上个帖子《html如何给图片添加动态的文字说明》分享了如何给图片添加动态的文字说明,今天想给大家分享一下...

  • Vue3.0 Vite + windicss + ...实战项目

    十九.如何动态添加后端返回的菜单实现动态路由的添加呢? 二十. 封装一个完整版的标签导航 实际截图 二十一. 利用...

  • 解析HTML标签的字符串

    我们可以使用UIWebView加载包含HTML标签以及样式但是后台返回HTML只是HTML的一部分包含HTML标签...

  • html 标签添加小手样式

    直接添加样式 使用css 样式

  • 心之壁跟着李南江学习HTML5—CSS学习

    “HTML的标签是给内容添加相关语义的而不是改变内容样式的,需要给内容添加样式需要用到CSS”以江哥的教诲来引出C...

  • layui

    页面加载完 修改表单时 样式没有 :例如:select 用ajax动态添加option解决:form.render...

  • day9-jQuery

    十七.什么是jQuery 十八.jQuery属性操作和样式 十九.jQuery的动态添加和删除 20.Ajax

网友评论

    本文标题:如何给ajax返回的html标签动态添加样式

    本文链接:https://www.haomeiwen.com/subject/qwupattx.html