const paragraph = document.querySelector(".paragraph")
const input = document.querySelector("input")
const updInnerHTML = () => {
paragraph.innerHTML = input.value
} <form>
<input type="text" placeholder="Type Something">
<button onclick="updInnerHTML()">Update InnerHTML</button>
</form>
<p class="paragraph"></p>上面的代碼似乎作業了一瞬間，值附加到<p>標簽并立即消失，是的，我知道如果我洗掉標簽，這可能會永久<form></form>化，但是我將失去自動清除輸入欄位的能力！有解決辦法嗎？我是否需要使用資料庫或至少 LocalStorage？有沒有辦法在不使用資料庫的情況下實作它？
uj5u.com熱心網友回復：
用于action="javascript:void(0);"不提交表單，然后通過以下方式清除表單input.value ='';
const paragraph = document.querySelector(".paragraph")
const input = document.querySelector("input")
const updInnerHTML = () => {
paragraph.innerHTML = input.value;
input.value ='';
}<form action="javascript:void(0);">
<input type="text" placeholder="Type Something">
<button onclick="updInnerHTML()">Update InnerHTML</button>
</form>
<p class="paragraph"></p>uj5u.com熱心網友回復：
因為button將提交form會使頁面重新加載的內容，您可以通過設定type="button"按鈕元素來防止這種情況發生（默認按鈕型別為submit）。
const paragraph = document.querySelector(".paragraph")
const input = document.querySelector("input")
const updInnerHTML = () => {
paragraph.innerHTML = input.value
}<form>
<input type="text" placeholder="Type Something">
<button onclick="updInnerHTML()" type="button">Update InnerHTML</button>
</form>
<p class="paragraph"></p>轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/529272.html
上一篇：在單行上堆疊兩個文本行的替代方法