javascript - 使用 JavaScript 更改 HTML 按钮文本

Question

我正在建立一个网站来托管我的音乐直播。我创建了一个部分，人们可以在其中推荐歌曲，并将建议存储在 SQL 数据库中。我希望此表单上的“提交”按钮在提交时从“提交建议”更改为单击时的“谢谢”，同时也让客户能够按一次以避免泛滥。好吧，我还没有设法使这些一起工作(并将所需的属性保留在我的标签上)，但我已经设法一次完成一个。这是我的代码，请帮忙!

<form action="./add.php" method="POST" target="sendFormSuggest" onsubmit="return checkBeforeSubmit() ">
    <!--The form for suggestions -->
    Song: <span style="color: red">* </span>
    <input class="recom" type="text" name="song" size="50" required><br>
    Artist: <span style="color: red">* </span>
    <input class="recom" type="text" name="artist" size="50" required><br>
    YouTube Link:
    <input class="recom" type="text" name="link" size="50"><br>
    <input class="Submit" type="submit" value="Submit Recommendation" id="ButtonRecom">
</form>

<script type="text/javascript"> <!--this checks the any form for second submition -->
    var wasSubmitted = false;
    function checkBeforeSubmit() {
        if (!wasSubmitted) {
            wasSubmitted = true;
            return wasSubmitted;
            document.getElementById("ButtonRecom").value = "Thank you!";
        }
        return false;
    }
</script>

Answer 1

你可以尝试这样的事情:在这里，我尝试将按钮文本从“添加访客”更改为“添加家庭
成员”

<script type="text/javascript"> 
if (!top.adminpanel) 
{         
var myPage = document.getElementByID   
('idSectionGuestListContainer');
  if (myPage)
{ 
myPage.innerHTML = myPage.innerHTML.replace('Add guest', 'Add family    
member'); 
}    
}