js 将html插入指定元素中

原创 2015年11月17日 17:26:06

这里写图片描述

一定要先定义一个空的html。。。

一定要记得写#啊,#代表id,.代表class..

定义一个空html,一定要写在for循环外面,否则每次循环,html_same又被清空了..

    <!-- 同类商品推荐 -->
    <script type="text/javascript">
    $(function(){
        var my_role = $('#my_role').val();//一定要记得写#啊,#代表id,.代表class..
        var data = {'role': my_role};
        $.post(contextPath+'/SameProductController',data,'json').done(function(datas){
            datas = JSON.parse(datas);
            var html_same ='';  //一定要写在for循环外面,否则每次循环,html_same又被清空了..
            for(var i=0;i<datas.length;i++){
                var product = datas[i];
                var pic = 'img/'+product.product_img;
                html_same +='<div>'
                            + '<ul>'
                            + '<li class="sel_detlmli">'
                            + '<p class="sel_detlmlimg"><a href="#">'
                            + '<img src='+pic+' width="160" height="160" /></a></p>'
                            + '<p class="sel_detlmlip"><a href="#">名称:'+product.product_name+'</a></p>'
                            + '<p class="sel_detlmlip">规格:'+product.product_standard+'</p>'
                            + '<p class="sel_detlmlip">产品类型:'+product.product_type+'</p>'
                            + '<p class="sel_detlmlip">厂家:'+product.product_producer+'</p>'
                            + '</li>'
                            + '</ul>'
                            + '<div>'
            }
            $('#theSame').html(html_same);
        }).fail(function(res){

        });
    });
    </script>

js 动态插入html元素

  • 2011年02月24日 11:36
  • 788B
  • 下载

js中insertAdjacentHTML函数在元素标签的前中后插入html代码

Adajcent  邻近的 原型:insertAdajcentHTML(swhere,stext) insertAdjacentHTML方法:在指定的地方插入html标签语句 参数: s...

js 在指定宽高元素中插入自适应图片

在一个指定宽高的div中根据图片尺寸做相应展示。首先,需要获取图片的真实宽高,其次比较图片宽高和容器宽高,根据不同情形设置图片元素的展示样式。这里分三类:1、如果图片的width和height均小于容...

通过js给html元素赋值

  • 2012年07月19日 09:34
  • 941B
  • 下载

JS用Canvas元素进行HTML绘图

  • 2009年05月23日 18:24
  • 3KB
  • 下载

js 对html 元素操作,添加删除修改

JS添加删除元素        function $(nodeId)     {         return document.getElementById(nodeId);     }    ...

js与DOM初步:访问html元素

1.DOM简介 DOM= Document Object Model,文档对象模型,DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说,这是表示和处理一个HTML或XML文...

html——原生js与jquery创建元素节点区别

学习完静态样式之后开始学习动态创建添加html元素,总结了下原生js与jquery生成元素区别。 1.javascript创建元素 创建select var select = docume...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js 将html插入指定元素中
举报原因:
原因补充:

(最多只允许输入30个字)