json封装数据，然后通过创造的标签调用

╰+攻爆jí腚メ 2021-12-24 06:25 109阅读 0赞

<ul class="list">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>

1 var jp = {
     2              "height":"354px",
     3              "image":"http://www.wookmark.com/images/thumbs/629761_wookmark.jpg",
     4              "title":"Pinterest • The world",
     5              "width":"236px"
     6             };
     7     var UL = document.getElementsByClassName('list')[0];
     8     var LI = UL.getElementsByTagName('li');
     9     
    10     for(var i=0;i<LI.length;i++){
    11         var img = document.createElement("img");
    12             function atrbute(a,b){  //会用到两次所以就封装一个函数传入参数进行调用即可
    13                 img.setAttribute(a,b);  
    14                 } 
    15             atrbute("src",jp.image);//传参调用
    16             atrbute('title',jp.title);//传参调用
    17             img.style.width=jp.width;
    18             img.style.height=jp.height;
    19             LI[i].appendChild(img);         
    20     }

转载于:https://www.cnblogs.com/Model-Zachary/p/6101318.html

发表评论取消回复

表情：

评论列表（有 0 条评论，109人围观）

还没有评论，来说两句吧...

相关阅读

相关【QT】QT通过数据封装实现Json结构和数据类之间的相互转换

开发项目中最重要的组成部分非数据莫属了，这里介绍一种QT项目中的数据封装方法。方法中封装的数据能进行自我监测，发生变化之后主动向外部发送消息通知变化，同时封装的数据可以实现与J

曾经终败给现在/ 2024年04月07日 10:23/ 0 赞/ 71 阅读

相关如何将数据封装为JSON包

java中将[数据封装][Link 1]为JSON包，可以使用java提供的jsonArray这个工具类进行转换，代码如下： package com.json;

r囧r小猫/ 2024年02月17日 18:19/ 0 赞/ 46 阅读

相关将数据封装为Json数据示例

1. 1. List集合转换成json代码 2. List list = new ArrayList(); 3. list.add( "first" ); 4.

一时失言乱红尘/ 2024年02月17日 18:19/ 0 赞/ 53 阅读

相关 java通过url调用远程接口返回json数据

原地址：[https://www.cnblogs.com/enjoyjava/p/8886949.html][https_www.cnblogs.com_enjoyjava_p

比眉伴天荒/ 2023年10月18日 14:53/ 0 赞/ 151 阅读

相关 PHP 简单封装返回JSON数据接口

前言本文使用 php 来做一个简单的接口，客户端传入数据，该接口返回 `JSON` 格式数据。 api.php <?php / (P

分手后的思念是犯贱/ 2023年05月22日 06:48/ 0 赞/ 16 阅读

相关 json/xml方式接口数据封装

/\ xml封装接口数据方法 \/ // 1. PHP生成xml数据 //$dom = DOMDocument('1.0','utf-8'); //$element

怼烎@/ 2022年05月27日 09:45/ 0 赞/ 195 阅读

相关 SpringMVC通过Ajax处理数据Json数据

1、所需要的jar jackson-annotations.jar jackson-core.jar jackson-databind.jar 2、@Respo

╰+攻爆jí腚メ/ 2022年02月25日 02:16/ 0 赞/ 321 阅读

相关 Laravel封装自定义Json数据格式

laravel json返回值封装以便维护：一般返回： return response()->json(['status' => 'success','code

客官°小女子只卖身不卖艺/ 2022年01月26日 06:51/ 0 赞/ 410 阅读

相关 json封装数据，然后通过创造的标签调用

<ul class="list"> <li></li> <li></li>

╰+攻爆jí腚メ/ 2021年12月24日 06:25/ 0 赞/ 110 阅读

相关如何封装JSON数据

最近在写接口，用到的请求报文和响应报文都是json数据，因为项目中的json对象都是封装好的，为了弄懂其中的原理，所以就写代码理解一下，这个随笔非常基础，肯定有很多不足，主要是

快来打我*/ 2021年12月10日 23:21/ 0 赞/ 319 阅读