如何编号div?

时间:2016-01-03 19:31:30

标签: javascript

你能帮助我吗?在我的代码中,我创建了包含表元素的元素(div)。

当我输入“blue_button”时 - 创建一个带有表格的新div。该表有5行。我只需要编号第一行。我的意思是当我把blue_button放两次时,第一个div中第一个表中的第一行 - 数字1,第二个(我需要)必须有数字2(例如)。

我“打破了我的大脑”。帮助PLZ。

这是我的代码:

var unitTableTrTd_1 = [];

var unit = document.createElement('div');

var unitTable = document.createElement('table');
unit.appendChild(unitTable);

var unitTableTr = document.createElement('tr');
unitTable.appendChild(unitTableTr);

var unitTableTrTd_1 = document.createElement('td');
var td_1_p = document.createTextNode("1");
unitTableTrTd_1.appendChild(td_1_p);
unitTableTr.appendChild(unitTableTrTd_1);


var unitTableTrTd_2 = document.createElement('td');
unitTableTr.appendChild(unitTableTrTd_2);

var unitTableTrTd_3 = document.createElement('td');
unitTableTr.appendChild(unitTableTrTd_3);

var unitTableTrTd_4 = document.createElement('td');
unitTableTr.appendChild(unitTableTrTd_4);

var unitTableTrTd_5 = document.createElement('td');
unitTableTr.appendChild(unitTableTrTd_5);

unit.id = "block";

wrapper.appendChild(unit); 

1 个答案:

答案 0 :(得分:0)

非常简单,

采用全局变量table_index(外部按钮点击' s回调)

var table_index = 0;

现在在每个按钮点击的回调中将table_index增加1,然后使用它;

table_index++;
var td_1_p = document.createTextNode( table_index );