Question

我试图在使用函数 (HideRemove()) 和 onload 标记脚本加载表单时隐藏按钮。但是，由于某种原因它不起作用。我已经尝试在我的代码的另一部分使用 .hidden 并且它工作得很好。任何建议将不胜感激：

HTML: 

<div class="BuyRemoveButtonDiv">
          <button id="Button1">Add To Cart</button>
          <button id="Remove1" onload="HideRemove()">Remove From Cart</button>
          </div>

JS: 

function HideRemove() {
  let Remove1 = document.getElementById("Remove1");
  Remove1.hidden = true;
}

编辑：问题已解决。按钮没有“onload”事件。解决方案是为加载添加一个窗口事件侦听器。

Answer 1

按钮没有 onload。您可以改用 window.onload ，但我不确定这是否是您想要实现的目标。示例如下：

window.addEventListener('load', () => HideRemove())

function HideRemove() {
    let Remove1 = document.getElementById("Remove1");
    Remove1.hidden = true;
}

<div class="BuyRemoveButtonDiv">
    <button id="Button1">Add To Cart</button>
    <button id="Remove1">Remove From Cart</button>
</div>

Answer 2

<块引用>

我试图在加载表单时隐藏按钮

按钮不会触发加载事件，表单也不会。但是正文确实如此，并且您可以确信当正文加载时您的表单已加载。

function HideRemove() {
  let Remove1 = document.getElementById("Remove1");
  Remove1.hidden = true;
}

<body onload="HideRemove()">
  <div class="BuyRemoveButtonDiv">
    <button id="Button1">Add To Cart</button>
    <button id="Remove1" onload="HideRemove()">Remove From Cart</button>
  </div>
</body>

Answer 3

按钮不是资源，它没有加载事件。 onload 用于 img、body、css 文件等

function HideRemove() {
  console.log("Open");
  let Remove1 = document.getElementById("Remove1");
  Remove1.hidden = true;
}

<div class="BuyRemoveButtonDiv">
          <button id="Button1">Add To Cart</button>
          <button id="Remove1" onload="HideRemove()">Remove From Cart</button>
          </div>

document.body.onload = ()=>{
  document.getElementById("Remove1").hidden = true;
};

    <div class="BuyRemoveButtonDiv">
              <button id="Button1">Add To Cart</button>
              <button id="Remove1" onload="HideRemove()">Remove From Cart</button>
              </div>

Answer 4

也许这会帮助您隐藏“Remove1”元素。

HTML: 

<div class="BuyRemoveButtonDiv">
          <button id="Button1">Add To Cart</button>
          <button id="Remove1" onload="HideRemove()">Remove From Cart</button>
          </div>

JS: 

function HideRemove() {
  let Remove1 = document.getElementById("Remove1");
  Remove1.style.display = 'none';
}

无法在加载时隐藏按钮

4 个答案: