时间戳

首页 > 解决方案 > 单击时如何更改按钮文本？

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

问题描述

我正在使用 squarespace 运行我的网站，并且我有一个显示“DELIVER ME”的按钮，但是当您单击它时，我希望它在下一页加载时说“GTFO”。

我没有这方面的代码，需要帮助编写一个。

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();

我想让按钮说“DELIVER ME”，直到你点击它，然后一旦你点击它，按钮就会说“GTFO”

标签： javascriptfunction

解决方案

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

在 VanillaJS（纯 Javascript）DOM 中。您可以使用 3 DOM 方法选择元素。

  1. 按ID的属性选择

    elem = document.getElementById("id")

  2. 按类属性选择

    elem = document.getElementsByClassName("class")

  3. 按标签名选择

    elem = document.getElementByTagName("Tag")

以及另外一种使用的额外方式。

elem = document.querySelector(selector)

选择器可以是“.class”、“#id”或“Tags”之一

谢谢

推荐阅读