用JS实现动态添加Input标签，但是添加的input标签TAB的顺序有问题

新添加2个标签后，按TAB键先跳到A选项、然后就是D->C最后才是B但是我的页面上明明显示D在C后面C在B后面啊
请各位帮帮忙
开始有2个选项标签，所以定义了全局变量var count=3;添加标签的JS如下：
  var ele=document.getElementById('addxxTable');//获取要添加的组件父标签
//创建要添加的标签
var eleTr=document.createElement('tr');
var eleTd1=document.createElement('td');var name=String.fromCharCode(67);
//设置要添加的标签
eleTd1.innerText='选项'+String.fromCharCode(64+count)+'：';
eleTd1.width="24%";
eleTd1.align="right";  
eleTd1.valign="top";
eleTd1.className="12plan_qitafayuan";var eleTd2=document.createElement('td');
eleTd2.width="76%"  
eleTd2.valign="top"  
eleTd2.className="12plan_qitafayuan"var eleInput=document.createElement('input');
eleInput.id='TLmsDcwjKgt.Cxx'+count;
eleInput.type='text';
eleInput.size='46';
//eleInput.tabindex=count-1;
//设置要添加的标签的从属关系
eleTd2.appendChild(eleInput);
eleTr.appendChild(eleTd1);
eleTr.appendChild(eleTd2);ele.all[32+2*count-5].insertAdjacentElement('afterEnd',eleTr);//beforeBegin
count++;