Question

我的网站不在Squarespace上运行，我有一个按钮，上面写着“ DELIVER ME”，但是当您单击它时，我希望它在下一页加载时说“ G.T.F.O”。

我没有为此的代码，需要帮助来编写一个。

function changeButtonText(DELIVER ME, G.T.F.O.){
    if (this.value== "DELIVER ME"){
     this.value = "G.T.F.O.";
    } else {
     this.value = "DELIVER ME";
   }
}

changeButtonText();

我希望按钮一直说“请递给我”，直到您单击它为止，然后单击该按钮将说“ G.T.F.O。”。

Answer 1

function changeText() {
  return document.querySelector("#button").innerHTML = "New text";
}

document.addEventListener("click", changeText);

<button type="button" id="button">Text</button>

Answer 2

我希望按钮一直说“请递给我”，直到您单击它为止，然后单击该按钮将说“ G.T.F.O。”。

使用此按钮：

<input type="button" id="myButton" value="DELIVER ME">

您可以这样做：

const myButton = document.getElementById("myButton");
myButton.addEventListener("click", function() {
  this.value = "G.T.F.O."
});

或者，如果按钮是这样的：

<button id="myButton">DELIVER ME</button>

您会这样做：

const myButton = document.getElementById("myButton");
myButton.addEventListener("click", function() {
  this.innerText = "G.T.F.O."
});

Answer 3

大多数答案都可以解决您的特定问题，但我只想添加有关选择htmlElement的更多信息。

VanillaJS（纯Javascript）DOM中的

。您可以使用3种DOM方法选择元素。

通过ID属性选择

elem = document.getElementById("id")
按类别属性选择

elem = document.getElementsByClassName("class")
按标记名选择

elem = document.getElementByTagName("Tag")

以及另外一种使用方式。

elem = document.querySelector(selector)

选择器可以是“ .class”，“＃id”或“标签”之一

谢谢

Answer 4

let userIDs = [1, 2, 3];

async function uploadIDS(ids) {
  for (let id of ids) {
    let res = await upload(id)
    console.log("Success:", res)
  }
}

const upload = (example) => {
  console.log('uploading...');
  return new Promise(function(resolve, reject) {
    resolve(example)
  });
};

uploadIDS(userIDs)

<button type="button" id="btn" onclick=changeButtonText()>deliver me</button>

单击时如何更改按钮文本？

4 个答案: