如何去除JS中粘贴HTML元素的内边距？计算器开发遇缩进问题

问题1：JS插入HTML自动添加缩进 #

自动缩进是因为你用textContent获取按钮文本时，把HTML里的换行、缩进空白字符也一并取到了，拼接后就会在结果里显示出缩进。

解决办法：

• 用this.textContent.trim()替代this.textContent，trim()会过滤掉文本前后的空白字符
• 或者改用this.innerText，它本身就会自动忽略多余的空白

修改后的代码片段：

for (var i = 0; i < num.length; i++) {
    num[i].addEventListener("click", function () {
        if (!operator) {
            num1 += this.textContent.trim();
            ny.push(num1);
            result.innerHTML = num1;
        } else if (operator.length > 0) {
            num2 += this.textContent.trim();
            result.innerHTML = num2;
        }
    })
}

问题2：去除JS插入HTML元素的内边距 #

内边距问题分两种场景处理：

• 元素默认内边距：直接用CSS给目标元素设置padding: 0，比如结果显示容器：

  .result-container { /* 替换成你的容器类名/ID */
      padding: 0;
      margin: 0;
  }
  

• 插入内容带空白导致的视觉内边距：确保插入的内容没有多余空白，用上面的trim()处理文本后再插入即可。

内容的提问来源于stack exchange，提问作者Адиль