TAG
JavaScript
Result
Run
License
<ul id="list"></ul>
window.addEventListener("load", () => { var elUl = document.querySelector("#list"); var elLi, elImg; fetch("http://sample.devdic.com/goods-example/goods-json.php") .then(response => response.json()) .then(data => { [...data].map(item => { const {name, img} = item; elLi = document.createElement("li"); elImg = new Image(); elImg.src = img; elImg.width = 100; elLi.appendChild(elImg); elLi.appendChild(document.createTextNode(name)); elUl.appendChild(elLi); }); }); });
Console
expand_less
License
License
by DevDic
Close