Can'；t更改HTML和JavaScript中的按钮文本_Javascript_Html

Can'；t更改HTML和JavaScript中的按钮文本

javascript html

Can'；t更改HTML和JavaScript中的按钮文本,javascript,html,Javascript,Html,我试图用这个代码更改按钮的文本，但没有得到任何反应。这应该很好，看看我读过的所有东西——但它不会改变文本我做错了什么？ <!DOCTYPE html> <html> <head> <script> function changeText() { document.getElementById('myButton').value = "New value"; } </scr

我试图用这个代码更改按钮的文本，但没有得到任何反应。这应该很好，看看我读过的所有东西——但它不会改变文本我做错了什么？

<!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>


函数changeText（）{
document.getElementById（'myButton'）.value=“新值”；
}
改变我的文字！

您需要设置“innerHTML”属性：

function changeText() {
    document.getElementById('myButton').innerHTML= "New value";
}

您可以在按钮上指定一个值，但并不经常使用。在您的情况下，您希望更改按钮的文本。所以innnerHTML是你的朋友。有关更多详细信息，请参阅

还请注意，您也可以在IE中使用“innerText”，但Firefox不支持它（在其他一些浏览器中可能也不支持）。

“textContent”也可以是一个选项，但旧浏览器（2011年之前）不支持该选项。因此innerHTML是最安全的选项。

按钮可以有一个值，但显示的是按钮内部的HTML，这是您要更改的内容。更好地使用innerHTML：

function changeText() {
    document.getElementById('myButton').innerHTML = "New value";
}

'myButton'）.innerHTML=“新值”<代码>按钮

没有

值

文档.getElementById（'myButton'）.textContent=“新值”