如何修改html中button顯示的文字

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

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

修改html中button顯示的文字

1. <input type="button">  實現密碼輸入框的可見和隱藏

直接修改value屬性即可

<script type="text/javascript">
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="顯示";
    }
}</script>
密碼：<input id="pwdID" type="password"><input id="pwdBtnID" type="button" onclick="getPasswd()" value="顯示">

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

修改button的innerHTML

<script type="text/javascript">function playVideo(){    var videop = document.getElementById("videoId");    var videoBtn = document.getElementById("videoBtn");    if(videop.paused){
        videop.play();
        videoBtn.innerHTML = "暫停";        
    }    else{
        videop.pause();
        videoBtn.innerHTML="播放";
    }
}</script><button id="videoBtn" type="button" onclick="playVideo()">播放</button>

3. innerHTML、innerText、outerHTML、outerText

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

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

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