這篇文章給大家分享的是有關如何修改html中button顯示的文字的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

成都創(chuàng)新互聯公司是專業(yè)的巴彥網站建設公司，巴彥接單;提供成都做網站、成都網站設計,網頁設計,網站設計,建網站,PHP網站建設等專業(yè)做網站服務;采用PHP框架,可快速的進行巴彥網站開發(fā)網頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網站,專業(yè)的做網站團隊,希望更多企業(yè)前來合作!

html提交按鈕改字的方法：1、直接修改value屬性，代碼如“onclick="getPasswd()" value="顯示"...”；2、修改button的innerHTML，代碼如“type="button" onclick...”。

修改html中button顯示的文字

1.  實現密碼輸入框的可見和隱藏

直接修改value屬性即可

function getPasswd(){    
var passwd = document.getElementById("pwdID");    
var pwdBtn = document.getElementById("pwdBtnID");    
if(passwd.type=="password")    {
        passwd.type="text";
        pwdBtn.value="隱藏";
    }    else{
        passwd.type="password";
        pwdBtn.value="顯示";
    }
}
密碼：

2. 實現視頻的播放和暫停

修改button的innerHTML

function playVideo(){    var videop = document.getElementById("videoId");    var videoBtn = document.getElementById("videoBtn");    if(videop.paused){
        videop.play();
        videoBtn.innerHTML = "暫停";        
    }    else{
        videop.pause();
        videoBtn.innerHTML="播放";
    }
}播放

3. innerHTML、innerText、outerHTML、outerText

innerHTML是符合W3C標準的屬性，其它屬性不推薦使用

下面是id=innerId的p幾個值的對應結果

感謝各位的閱讀！關于“如何修改html中button顯示的文字”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！