如何无需点击操作，用JavaScript将Save按钮改为Next？

你之前的问题在于，<input type="button"> 的显示文本是通过 value 属性 控制的，而不是 innerHTML（innerHTML 适用于 <button> 这类包含子元素的按钮）。

直接修改按钮的 value 属性就能改变显示文本，同时建议同步修改 title 属性（鼠标悬停时的提示文本），确保一致性：

// 获取按钮元素
const saveBtn = document.getElementById('ctl01_SaveButton');
// 修改按钮显示文本
saveBtn.value = 'Next';
// 同步修改鼠标悬停提示文本
saveBtn.title = 'Next';

注意事项 #

• 确保代码在页面DOM加载完成后执行，否则会找不到目标元素。可以把代码放在页面底部，或者包裹在DOM加载完成的事件监听里：

  document.addEventListener('DOMContentLoaded', function() {
    const saveBtn = document.getElementById('ctl01_SaveButton');
    if (saveBtn) {
      saveBtn.value = 'Next';
      saveBtn.title = 'Next';
    }
  });
  

• 如果按钮是页面动态生成的（比如通过AJAX加载），可以使用 MutationObserver 监听元素的添加事件，再执行修改逻辑。

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