我正在做一個 chrome 擴展。單擊帶有 id 的提交按鈕后，我想用一些文本更新h3元素。popup.htmlsubmit
<!-- popup.html -->
<div class="row">
<h3 id="status"></h3>
</div>
// popup.js
function saveClass() {
var status = document.getElementById('status')
status.innerText = 'success';
}
document.getElementById("submit").addEventListener("click", saveClass);
該函式用文本填充元素，我看到了文本，但它會在幾微秒內立即消失。我哪里錯了？
uj5u.com熱心網友回復：
對我來說它作業正常。您可以參考以下代碼片段
<html>
<body>
<!-- popup.html -->
<div class="row">
<h3 id="status"></h3>
</div>
<button id="submit">Submit</button>
<!-- popup.js -->
<script>
function saveClass() {
var status = document.getElementById('status')
status.innerText = 'success';
}
document.getElementById("submit").addEventListener("click", saveClass);
</script>
</body>
</html>
uj5u.com熱心網友回復：
表單在提交時默認重繪 頁面，因此填充的文本消失了。只需添加一個事件偵聽器即可禁用它，從而保持 DOM 完好無損。
var form = document.getElementById("myForm");
function handleForm(event) { event.preventDefault(); }
form.addEventListener('submit', handleForm);
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/407984.html
標籤：