HTML中使用 js 添加 data-toggle

情况:<li class="active"><a href="#server1" data-toggle="tab">server1</a></li>

试用JS代码来添加到HTML中。

1
2
3
4
5
6
7
8
9
10
11
12
13
var li = document.createElement("li");
if(index==0){
    li.className = "active";
}
var a1 = document.createElement("a");
a1.href = "#server"+serverID;
a1.id = "aServer"+serverID;<br><br> 
   
<span style="color: #ff0000;">
//a1.data-toggle = "tab";不能使用“.data-toggle”,不能识别“-”;</span>
<span style="color: #0000ff;"><span style="background-color: #ffff00;">a1.dataset.toggle = "tab";</span><br></span>
a1.innerText = "server"+serverID;
 
li.appendChild(a1);
var tab = document.getElementById("navTab");
tab.appendChild(li);
posted @ 2014-06-06 11:22  寡人这么看  阅读(746)  评论(0)    收藏  举报