json数据及追加
来源:互联网 发布:linux 安装magento2 编辑:程序博客网 时间:2024/06/11 15:08
<script>
function loadGoods(jsonData){
for(var i=0;i<jsonData.length;i++){
var _box =document.createElement("div");
_box.className = "box";
var _img = document.createElement("img");
_img["src"]=jsonData[i].image;
var _pname = document.createElement("p");
_pname.textContent ="商品名称";
var _spanname=document.createElement("span");
_spanname.textContent = jsonData[i].name;
_pname.appendChild(_spanname);
var _pprice = document.createElement
("p");
_pprice.textContent="商品单价:¥";
var _spanprice =document.createElement("span");
_spanprice.textContent=jsonData[i].price;
_pprice.appendChild(_spanprice);
_box.appendChild(_img);
_box.appendChild(_pname);
_box.appendChild(_pprice);
var container = document.getElementById("container");
container.appendChild(_box);
}
}
</script>
function loadGoods(jsonData){
for(var i=0;i<jsonData.length;i++){
var _box =document.createElement("div");
_box.className = "box";
var _img = document.createElement("img");
_img["src"]=jsonData[i].image;
var _pname = document.createElement("p");
_pname.textContent ="商品名称";
var _spanname=document.createElement("span");
_spanname.textContent = jsonData[i].name;
_pname.appendChild(_spanname);
var _pprice = document.createElement
("p");
_pprice.textContent="商品单价:¥";
var _spanprice =document.createElement("span");
_spanprice.textContent=jsonData[i].price;
_pprice.appendChild(_spanprice);
_box.appendChild(_img);
_box.appendChild(_pname);
_box.appendChild(_pprice);
var container = document.getElementById("container");
container.appendChild(_box);
}
}
</script>
0 0
- json数据及追加
- json数据的追加
- 从JSON中读取数据追加到HTML中
- JSON详解.追加
- Json追加2
- JSON追加3
- JSON追加4解析
- JSON追加5转换
- JSON追加6遍历
- json数据及用法总结
- Excel 追加数据
- Python dict()追加数据
- 数据挖掘 追加
- plist文件追加数据
- python Excel追加数据
- 字符串替换及追加
- php 读写json文件。追加,修改json
- Android--Json数据及Xml数据解析
- AS ndk 使用小节
- xcode中使用opencv报各种错误
- c# 自动发送邮件测试代码
- C语言线程池的实现
- 精通 CSS+DIV 网页样式与布局 135
- json数据及追加
- 第9章 Future
- MULE ESB 3.6.0 在linux服务器的发布
- Gson解析json数据
- 精通 CSS+DIV 网页样式与布局 136
- Android日历功能
- xxx cannot be resolved to a type 错误解决方法
- iOS viewDidLoad中更改ImageView位置无效
- Kali2.0 shell终端字体重叠问题