执行添加表格行JS代码时出现Invalid left-hand side in assignment错误求助
解决“Invalid left-hand side in assignment”错误:表格行添加失败问题
你报错的核心原因是直接对DOM元素对象执行+=赋值操作——document.getElementById("listacen")返回的是表格DOM元素,不是字符串,不能用这种方式拼接内容。
修正方案1:修改元素的innerHTML(简洁版)
直接操作表格的innerHTML属性来追加新行,这是最简单的实现方式:
function nowakolumna(){ const table = document.getElementById("listacen"); table.innerHTML += '<tr><td><input type="text"></td><td><input type="text"></td></tr>'; }
修正方案2:使用DOM API创建元素(更安全)
如果你的场景需要处理用户输入内容,推荐用这种方式,能避免innerHTML带来的XSS风险:
function nowakolumna(){ const table = document.getElementById("listacen"); // 创建新行 const newRow = document.createElement('tr'); // 创建第一个单元格及输入框 const cell1 = document.createElement('td'); const input1 = document.createElement('input'); input1.type = 'text'; cell1.appendChild(input1); // 创建第二个单元格及输入框 const cell2 = document.createElement('td'); const input2 = document.createElement('input'); input2.type = 'text'; cell2.appendChild(input2); // 将单元格添加到行,再将行添加到表格 newRow.appendChild(cell1); newRow.appendChild(cell2); table.appendChild(newRow); }
内容的提问来源于stack exchange,提问作者krzysui
相关产品推荐
相关产品推荐

