javascript - 如何提取json中的样式

Question

我有这个用于模因的 JSON，但我不知道如何以卡片形式提取样式 JSON，请有人帮我？

这是我打印结果的代码 DOM 卡

Api = 'https://api.imgflip.com/get_memes'

var container = document.getElementById("card");
for(var cardnum in data){

    var item = document.createElement("div");
    item.classList.add("item")
    item.classList.add("interact");

    var card = document.createElement("div");
    card.classList.add("card");
    var card_header = document.createElement("div");

    var id = document.createElement("h1");
    id.classList.add("h1");
    id.append(data[cardnum].name);
    card_header.appendChild(id);

    var card_header = document.createElement("div");
    card_header.classList.add("card-header");
    var header_text = document.createElement("span");
    header_text.classList.add("header");
    header_text.append(data[cardnum].name);
    card_header.appendChild(header_text);

    var card_body = document.createElement("div");
    card_body.classList.add("card-body");
    var img = document.createElement("img");
    var src_img = document.createAttribute("src");
    src_img.value = (data[cardnum].url);
    img.setAttributeNode(src_img);

    img.append(card_body);


    
    
    card.appendChild(card_header);
    card.appendChild(card_body);

    item.appendChild(card);

    container.appendChild(item);
}

标签： javascriptjsonmatrix