溫馨提示×

js點(diǎn)擊按鈕改變按鈕文字怎么實(shí)現(xiàn)

js
小億
794
2023-08-07 14:54:07
欄目: 編程語言

要實(shí)現(xiàn)點(diǎn)擊按鈕改變按鈕文字，可以使用JavaScript來操作DOM元素。首先，需要獲取按鈕元素，然后給按鈕添加一個(gè)點(diǎn)擊事件的監(jiān)聽器，當(dāng)點(diǎn)擊按鈕時(shí)觸發(fā)相應(yīng)的事件處理函數(shù)，在事件處理函數(shù)中修改按鈕的文字。

以下是一個(gè)示例代碼：

HTML：

<button id="myButton">點(diǎn)擊我</button>

JavaScript：

// 獲取按鈕元素
var button = document.getElementById("myButton");
// 添加點(diǎn)擊事件監(jiān)聽器
button.addEventListener("click", function() {
// 修改按鈕的文字
button.innerText = "已點(diǎn)擊";
});

在上面的代碼中，首先通過document.getElementById方法獲取了帶有myButtonid的按鈕元素。然后，使用addEventListener方法給按鈕添加了一個(gè)點(diǎn)擊事件的監(jiān)聽器，當(dāng)點(diǎn)擊按鈕時(shí)，會(huì)觸發(fā)回調(diào)函數(shù)。在回調(diào)函數(shù)中，使用button.innerText屬性來修改按鈕的文字為"已點(diǎn)擊"。

0 踩