为什么此代码不起作用属性?

知乎

这是我的代码:

            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]+')">&nbsp  &nbsp &nbsp</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]+')">&nbsp  &nbsp &nbsp</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)">&nbsp; &nbsp; &nbsp;</span>Elektronikai csarnok
<input type="checkbox" id="2" ,="" onclick="handleClick(this)"><span style="background-color:rgb(92, 148, 103)">&nbsp; &nbsp; &nbsp;</span>Bemutatóterem
<input type="checkbox" id="3" ,="" onclick="handleClick(this)"><span style="background-color:rgb(121, 81, 16)">&nbsp; &nbsp; &nbsp;</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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章