JavaScript动态绑定onClick事件触发时提示getdetails函数未定义问题排查

• 内联onclick事件的执行上下文默认是全局window作用域，你定义的getdetails函数如果是写在任意局部作用域内（比如DOMContentLoaded回调、立即执行函数(IIFE)、前端框架组件作用域、其他自定义函数内部），没有暴露到全局作用域，内联事件触发时就会找不到该函数，抛出未定义错误。
• 次要排查点：如果模板字符串拼接的函数参数是字符串类型，没有手动包裹引号，会触发参数解析错误，但你的报错是函数未定义，优先排查作用域问题。

方案1：快速临时修复（不推荐，会污染全局作用域） #

将getdetails函数手动挂载到window对象上，全局可访问：

window.getdetails = function(month, kategorie) {
  // 原有函数逻辑不变
}

如果你的参数是字符串类型，拼接模板时还要给参数加引号，避免解析错误：

rdata + `<tr><td onClick="getdetails('${month}','${jObj[elem].ID}')">${jObj[elem].Kategorie}</td><td align='right'>${jObj[elem].Summe}</td></tr>`;

方案2：规范实现（推荐，避免内联事件弊端） #

放弃内联onclick绑定，动态创建DOM元素时用addEventListener绑定事件，不需要暴露函数到全局：

// 示例逻辑，可根据你的场景调整
const tableBody = document.querySelector('目标表格tbody的选择器')
const tr = document.createElement('tr')
// 第一列绑定点击事件
const cateTd = document.createElement('td')
cateTd.textContent = jObj[elem].Kategorie
// 用闭包保存当前循环的参数
cateTd.addEventListener('click', () => getdetails(month, jObj[elem].ID))
// 第二列
const sumTd = document.createElement('td')
sumTd.align = 'right'
sumTd.textContent = jObj[elem].Summe

tr.append(cateTd, sumTd)
tableBody.appendChild(tr)

内容的提问来源于stack exchange，提问作者Ronald Wernecke