我被這個問題困擾了一段時間，但我無法完全弄清楚。我想將用戶輸入顯示為 h1 元素。我該怎么做呢？let allAssignments;if (localStorage.getItem("everyAssignment")) { allAssignments = JSON.parse(localStorage.getItem("everyAssignment"))} else { allAssignments = []}function submitFunc() { let names = document.getElementById("name").value; allAssignments.push(names) localStorage.setItem("everyAssignment", JSON.stringify(allAssignments)); let finalArray = JSON.parse(localStorage.getItem("everyAssignment"));}<button onclick="submitFunc()">Submit</button><input placeholder="Enter Name Here" id="name">我想為本地存儲中的每個項目創建一個 div 元素，并使用 .innerHTML 插入一個 h1 元素，其中包含數組中每個值的名稱。我該怎么做呢？
2 回答
慕桂英4014372
TA貢獻1871條經驗 獲得超13個贊
你可以這樣做：
const submitFunc = () => {
const value = document.getElementById('name').value;
const parent = document.createElement('div');
const pTag = document.createElement('p');
pTag.innerText = value;
parent.appendChild(pTag);
document.body.appendChild(parent);
}
<button onclick="submitFunc()">Submit</button>
<input placeholder="Enter Name Here" id="name">
猛跑小豬
TA貢獻1858條經驗 獲得超8個贊
如果你想將其顯示為 H1 元素，你可以執行以下操作
const submitFunc = () => {
const value = document.getElementById('name').value;
const parent = document.createElement('div');
const hTag = document.createElement('h1');
var node = document.createTextNode(value);
hTag.appendChild(node);
parent.appendChild(pTag);
document.body.appendChild(parent);
}
這是要使用的標記。
<button onclick="submitFunc()">Submit</button>
<input placeholder="Enter Name Here" id="name">
- 2 回答
- 0 關注
- 145 瀏覽
添加回答
舉報
0/150
提交
取消