for (const item of jsonRes) { if (item.code === 'customerInfo') { // 客户信息展示 } if (item.code === 'loan') { // 合同展示 // 找到目标父元素（假设它的ID是 "targetContainer"） const targetContainer = document.getElementById('t...-Go服务器开发

如果您无法在 DOM 中找到元素的父元素，可能是因为以下几个原因：

目标父元素未加载：确保在脚本执行时，目标父元素（如 targetContainer）已经存在于 DOM 中。您可以将代码放入 DOMContentLoaded 事件监听器中，确保在文档完全加载后再执行。
ID不匹配：确保您所使用的 ID 是正确的，并且没有拼写错误。检查您的 HTML 代码以确认元素确实具有该 ID。
JavaScript 执行顺序：如果 JavaScript 在 DOM 元素之前执行，可能会导致查找失败。确保 JS 代码在适当的位置被调用，例如放在 <body> 的底部或者使用合适的事件处理程序。

示例解决方案

下面是一个修改过的示例，其中包含了对这些问题的检查：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>按钮示例</title>
</head>
<body>
    <!-- 假设这个 div 是我们要插入按钮容器的目标 -->
    <div id="targetContainer"></div>
    <script>
        // 模拟 jsonRes 数据
        const jsonRes = [
            { code: 'customerInfo' },
            { code: 'loan' } // 合同展示
        ];
        document.addEventListener('DOMContentLoaded', function() {
            for (const item of jsonRes) {
                if (item.code === 'customerInfo') {
                    // 客户信息展示
                }
                if (item.code === 'loan') { // 合同展示
                    
                    // 找到目标父元素（假设它的ID是 "targetContainer"）
                    const targetContainer = document.getElementById('targetContainer');
                    
                    if (!targetContainer) {
                        console.error('无法找到目标容器，请检查 ID 是否正确');
                        return;
                    }
                    // 创建按钮容器
                    const buttonContainer = document.createElement('div');
                    buttonContainer.innerHTML = `
                        <div class="button-container">
                            <button class="btn" data-action="action1">按钮1</button>
                            <button class="btn" data-action="action2">按钮2</button>
                            <button class="btn" data-action="action3">按钮3</button>
                            <button class="btn" data-action="action4">按钮4</button>
                        </div>
                    `;
                    
                    // 将按钮容器插入到目标父元素中
                    targetContainer.appendChild(buttonContainer);
                    buttonContainer.querySelectorAll('.btn').forEach(button => {
                        button.addEventListener('click', function() {
                            const action = this.getAttribute('data-action');
                            switch (action) {
                                case 'action1':
                                    console.log('按钮1被点击');
                                    break;
                                case 'action2':
                                    console.log('按钮2被点击');
                                    break;
                                case 'action3':
                                    console.log('按钮3被点击');
                                    break;
                                case 'action4':
                                    console.log('按钮4被点击');
                                    break;
                                default:
                                    break;
                            }
                        });
                    });
                }
            }
        });
    </script>
</body>
</html>