无法更改HTML和JavaScript中的按钮文本

Eri*_*rik 4 html javascript

我正在尝试使用此代码更改按钮的文本,但我没有得到任何反应.这应该是好的,看看我读过的所有内容 - 但它不会改变文本.我在这做错了什么?

<!DOCTYPE html>
<html>
<head>
    <script>
        function changeText() {
            document.getElementById('myButton').value = "New value";
        }
    </script>
</head>
<body>
    <button id="myButton" onclick="changeText()">Change my text!</button>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

Bas*_*ter 6

您需要设置'innerHTML'属性:

function changeText() {
    document.getElementById('myButton').innerHTML= "New value";
}
Run Code Online (Sandbox Code Playgroud)

您可以在按钮上指定一个值,但不经常使用它.在您的情况下,您希望更改按钮的文本.因此,innnerHTML是你的朋友.有关详细信息,请参阅此页面.

另请注意,您也可以在IE中使用"innerText",但在Firefox中不支持它(也可能在其他方面也不支持).'textContent'也可以是一个选项,但旧版浏览器不支持(在2011年之前).因此innerHTML是最安全的选择.