js动态加载列表

原创 2016年08月30日 16:17:59

这里用的是json做数据,其实在相应的工作中我们是后台给我们的数据,但是也是json数据。

<pre name="code" class="html"><script>
 var my_json='[{name:"范玮琪",sex:"悄悄告诉你"},{name:"范玮琪",sex:"悄悄告诉你"},{name:"范玮琪",sex:"悄悄告诉你"},{name:"范玮琪",sex:"悄悄告诉你"}]';
        var my_object=eval('('+my_json+')');
        function obj(eve){
            this.html = eve.name;
            this.html = eve.sex;
            this.get = function(){
                return "<div class='fir'>"+eve.name+"</div>" + "<div class='second'>"+eve.sex+"</div>";
        }
    }
        for(var i = 0;i<my_object.length;i++){
            var new_obj = new obj(my_object[i]);
            var div = document.createElement('div');
            div.id = 'list';
            document.body.appendChild(div);
            div.innerHTML += new_obj.get();
        }
</script>




<style type="text/css">
            body{
                background-color:white;
            }
            #list{
                height:100px;
                border-bottom:1px solid lightgray;
            }
            .fir{
                padding-top:15px;
                padding-left:50px;
                color:skyblue;
            }
            .second{
                padding-top:5px;
                padding-left:50px;
                color:lightgray;
                font-size:0.9em;
            }
        </style>

这样子我们的列表就做好了。

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

js中动态添加ul列表中的li

要实现的样式 html中的代码 js中的写法 注意:i是取值的个数,i%3表示按样式取3个值之后,在重新写一个ul         在迭代取值的时候,i-1表示...

用js 动态进行创建列表,点击按钮时,动态创建一个两行三列的表格

动态进行创建列表,点击按钮时,动态创建一个两行三列的表格

用JS动态创建一个有序表(根据输入添加子列表项)

index.html: 页面 //定义函数 ...

通过js实现动态化生成列表

1、Test.html Modal //E-NAME,E-TYPE,E-MON,E-T_MON,REDUCE,E-MONT...

js实现表格行的动态添加

现代页面通常都是用div+css来进行设计,几乎很少再有用table来进行布局的了,但是这并不意味着table的重要性就降低了,事实上,table在数据处理上有着它独特的优势,所以对table的掌握还...

几种常用的下拉列表的动态加载和选中写法

前端开发中,常用的几种下拉框方式,包括:easyui中的combobox,combo,html中的select标签,struts2标签:。下面是我总结的这几种下拉框的动态加载和动态选中的写法,以防后面...

JS匿名函数如何反复调用自身实践: 动态加载指定JS列表后执行方法.

,我们经常会使用JS写匿名函数,但我前段时间突然遇到一个问题。 我想写一个匿名函数,但是还想反复调用这个匿名函数。 但是我真心不想污染全局环境(好吧,是做某些不可告人的事,怕被检测到…)JS的方法...

J2EE下拉列表动态加载

  • 2007-07-30 21:54
  • 1.65MB
  • 下载

首页/列表页动态加载

下拉列表数据动态加载 springmvc jquery ajax

1、Spring-mvc 代码如下 : text/html;charset=UTF-8
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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