js如何动态创建一个新的标签
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54 |
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标签 <br> //下面判断当前取出来的值来确定图片。注: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属性值,由于我要放的图片是部分透明的,所有叠加在一起是刚刚好 } } } |
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。