溫馨提示×

js點擊按鈕改變按鈕文字怎么實現

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

要實現點擊按鈕改變按鈕文字,可以使用JavaScript來操作DOM元素。首先,需要獲取按鈕元素,然后給按鈕添加一個點擊事件的監聽器,當點擊按鈕時觸發相應的事件處理函數,在事件處理函數中修改按鈕的文字。

以下是一個示例代碼:

HTML:

<button id="myButton">點擊我</button>

JavaScript:

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

在上面的代碼中,首先通過document.getElementById方法獲取了帶有myButtonid的按鈕元素。然后,使用addEventListener方法給按鈕添加了一個點擊事件的監聽器,當點擊按鈕時,會觸發回調函數。在回調函數中,使用button.innerText屬性來修改按鈕的文字為"已點擊"。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女