You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

执行添加表格行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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.16 16:22:40