js如何动态创建一个新的标签
var DS; DS = CallIVRAjaxClass.GetBranchCallCount().value; var obj = {}; obj.branch = "_branch"; obj.count = "_count"; if (DS != null && typeof (DS) == "object" && DS.Tables != null) { if (DS.Tables[0].Rows.length > 0) { for (var i = 0; i < DS.Tables[0].Rows.length; i++) { var MapDiv = document.getElementById("MapDiv"); var MapImg = document.createElement("img");//开始创建一个img标签 MapImg.name = "imgMap";//开始赋值一些必要属性,其中alt和src必须要有 MapImg.alt = ""; MapImg.src = ""; MapImg.style.position = "absolute";//由于我是用于图片叠加,所以用了绝对定位, MapDiv.appendChild(MapImg);//将这个创建好的追加到div容器里面 var _count = DS.Tables[0].Rows[i][obj.count]; //去处当前obj.count值的数据 var ImagePath = "image/" + DS.Tables[0].Rows[i][obj.branch] + "_"; //提前设置好路径和图片前半部分的名字 var _Map = document.getElementsByName("imgMap")[i]; //根绝name值找到当前img标签
//下面判断当前取出来的值来确定图片。注:png格式才可以有透明属性 var str = ""; if (_count == 0) { //_Map.src = ImagePath + str = i + ".png"; } else if (_count >= 1 && _count <= 5) { str = i + ".png"; } else if (_count >= 6 && _count <= 10) { str = i + ".png"; } else if (_count >= 11 && _count <= 20) { str = i + ".png"; } else if (_count >= 21 && _count <= 30) { str = i + ".png"; } else { str = i + ".png"; } // //测试留 // str = ""; _Map.src = ImagePath + str;//循环给img标签src属性值,由于我要放的图片是部分透明的,所有叠加在一起是刚刚好 } } }