無法更改 HTML 和 JavaScript 中的按鈕文本
[英]Can't change button text in HTML and 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>
3 個解決方案
解決方案1
6 2015-10-16 14:34:04
您需要設置'innerHTML'屬性：
function changeText() {
document.getElementById('myButton').innerHTML= "New value";
}
您可以在按鈕上指定一個值，但不經常使用它。 在您的情況下，您希望更改按鈕的文本。 因此，innnerHTML是你的朋友。 有關詳細信息，請參閱此頁面 。
另請注意，您也可以在IE中使用“innerText”，但在Firefox中不支持它（也可能在其他方面也不支持）。 'textContent'也可以是一個選項，但舊版瀏覽器不支持（在2011年之前）。 因此innerHTML是最安全的選擇。
解決方案2
3 2015-10-16 14:35:34
按鈕可以有一個值，但顯示的是按鈕內部的HTML，這是您想要更改的內容。 更好地使用innerHTML：
function changeText() {
document.getElementById('myButton').innerHTML = "New value";
}
解決方案3
0 2022-01-19 23:24:47
其他答案所說的，加上這個： <input>元素生成的按鈕有一個值！ 這可能是混亂的來源：
<input type="button" value="Button Text" id="button42"></input>
你所擁有的是：
<button>Button Text</button>
元素，這是別的東西； 因此innerHTML ，而不是value 。
無法<button>使用Javascript</button>更改<button>“類型”</button>
[英]Can't change <button>'s “type” with Javascript
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.