这是我的代码:
document.getElementById("charthelp").innerHTML+="<table>";
for(var i=0; i<data.ertekek.length; i++)
{
szinek = [Math.floor((Math.random() * 200) + 1), Math.floor((Math.random() * 200) + 1), Math.floor((Math.random() * 200) + 1)];
charts[i]=new TimeSeries();
smoothie.addTimeSeries(charts[i], { strokeStyle: 'rgb('+szinek[0]+', '+szinek[1]+', '+szinek[2]+')', fillStyle: 'rgba(0, 255, 0, 0.0)', lineWidth: 3 });
if(i%2==1){ document.getElementById("charthelp").innerHTML+= '<tr><td><input type="checkbox" id="'+i+'", onclick="handleClick(this)"><span style="background-color:rgb('+szinek[0]+', '+szinek[1]+', '+szinek[2]+')">     </span>'+data.ertekek[i].neve+'</input></td>'; }
else { document.getElementById("charthelp").innerHTML+= '<td><input type="checkbox" id="'+i+'", onclick="handleClick(this)"><span style="background-color:rgb('+szinek[0]+', '+szinek[1]+', '+szinek[2]+')">     </span>'+data.ertekek[i].neve+'</input></td></tr>'; }
inic=true;
}
document.getElementById("charthelp").innerHTML+='</table>';
这是呈现的 HTML 代码:
<div id="charthelp"><input type="checkbox" id="0" ,="" onclick="handleClick(this)"><table>
</table>
<input type="checkbox" id="1" ,="" onclick="handleClick(this)"><span style="background-color:rgb(109, 12, 20)"> </span>Elektronikai csarnok
<input type="checkbox" id="2" ,="" onclick="handleClick(this)"><span style="background-color:rgb(92, 148, 103)"> </span>Bemutatóterem
<input type="checkbox" id="3" ,="" onclick="handleClick(this)"><span style="background-color:rgb(121, 81, 16)"> </span>Fejlesztés
如您所见,JS 代码不起作用。它应该按顺序执行,但第一行和最后一行首先运行。在它之后迭代运行。我想它一定是一张桌子,但它也不是一张桌子......
我认为问题是</table>
在您尝试附加<table>
到文档 HTML后,浏览器会自动添加。
尝试使用
var table = document.createElement('table');
var tr = document.createElement('tr');
table.appendChild(tr);
...
document.getElementById("charthelp").appendChild(table);
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句