我被這個(gè)問(wèn)題困擾了一段時(shí)間，但我無(wú)法完全弄清楚。我想將用戶輸入顯示為 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">我想為本地存儲(chǔ)中的每個(gè)項(xiàng)目創(chuàng)建一個(gè) div 元素，并使用 .innerHTML 插入一個(gè) h1 元素，其中包含數(shù)組中每個(gè)值的名稱。我該怎么做呢？
2 回答
慕桂英4014372
TA貢獻(xiàn)1871條經(jīng)驗(yàn) 獲得超13個(gè)贊
你可以這樣做：
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貢獻(xiàn)1858條經(jīng)驗(yàn) 獲得超8個(gè)贊
如果你想將其顯示為 H1 元素，你可以執(zhí)行以下操作
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);
}
這是要使用的標(biāo)記。
<button onclick="submitFunc()">Submit</button>
<input placeholder="Enter Name Here" id="name">
- 2 回答
- 0 關(guān)注
- 142 瀏覽
添加回答
舉報(bào)
0/150
提交
取消