清除按鈕無法清除 list-group history
//html
<button class="btn btn-primary mb-3"
type="button"
id="clear-inputs"
onclick="clearIt()">
Clear history
</button>
<form id="history"></form>
<div class="list-group" id="history"></div>
//javascript clear button function
function clearIt() {
document.getElementById('history').value = "";
}
uj5u.com熱心網友回復：
您有兩個相同的元素id（the<form>和 the <div>）。瀏覽器會呈現它，但它是無效的 html，因為該id屬性應該是元素唯一的。getElementById()將使用指定的id.
您的 html 的第二個問題是兩者form或div元素都沒有value屬性，因此您的函式無需清除任何內容。從您的示例中不清楚您的按鈕應該清除哪個元素。對于<div>，您可以嘗試設定document.getElementById('yourUniqueId').innerHtml = "". 這將清除 .html 檔案中的任何 html <div>。
uj5u.com熱心網友回復：
你有兩個“歷史”ID - 不是一個好習慣
使用 'innerhtml' 而不是 value - 會產生更好的結果。值對于像 a 這樣的輸入更好
uj5u.com熱心網友回復：
確保為元素提供唯一 ID，上面的 2 個元素具有相同的 ID，并且必須在呼叫之前定義該函式。
- 始終檢查您的控制臺是否有日志記錄/錯誤:)
uj5u.com熱心網友回復：
你不需要javascript來清除按鈕，你可以只在表單標簽中使用html來清除按鈕。用于清除。
這是一個簡單的例子：example
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/350007.html
標籤：javascript 按钮