本文實例講述了javascript實現點擊后變換按鈕顯示文字的方法。分享給大家供大家參考。具體實現方法如下：

顯示一些按鈕，如果點擊了，

當前點擊的按鈕文本變為“點了”，其他按鈕文本變為“沒點”

//為所有按鈕動態添加事件

function IniButtonEvent() {

var Items = document.getElementsByTagName("input");

for (var i = 0; i < Items.length; i++) {

var objTmp = Items[i];

if (objTmp.type == "button") {

objTmp.onclick = ButtonClick;

}

}

}

function ButtonClick() {

var Items = document.getElementsByTagName("input");

for (var i = 0; i < Items.length; i++) {

var objTmp = Items[i];

if (objTmp.type == "button") {

//判斷是否是按鈕

//window.event.srcElement觸發當前事件的元素

//用來判斷是否是當前單擊的按鈕

if (objTmp == window.event.srcElement) {

objTmp.value = "點了";

}

else {

objTmp.value = "沒點";

}

}

}

}

顯示一些按鈕，如果點擊了，當前點擊的按鈕文本變為“點了”，

其他按鈕文本變為“沒點”

希望本文所述對大家的javascript程序設計有所幫助。

時間： 2015-05-10

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的html点击后按钮本身文字变化,javascript实现点击后变换按钮显示文字的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。