學習 JS，需要一些幫助。由于堆疊溢位，我現在有了一個顯示加載主題串列的函式。我希望在單擊并替換為第二個函式陣列時清除按鈕值。這是創建一組新按鈕，我可以看到問題出在哪里，但不知道如何糾正它。我嘗試了幾種方法，但沒有運氣，這是基本代碼。它被分配給 HTML 檔案中的“主題”div。
let subjectArray = ['Maths', 'English', 'Science', 'IT'];
function printSubjects() {
for (let i = 0; i < subjectArray.length; i ) {
let sub = document.createElement('button');
let txt = document.createTextNode(subjectArray[i]);
sub.append(txt);
subjects.appendChild(sub);
sub.className = "btn btn-outline-primary mb-2";
}
}
let testArray = ['Test 1', 'Test 2', 'Test 3', 'Go Back'];
function printTest() {
for (let i = 0; i < testArray.length; i ) {
let test = document.createElement('buttons');
let txt = document.createTextNode(testArray[i]);
test.append(txt);
subjects.append(test);
test.className = "btn btn-outline-secondary mb-2";
}
}
window.onload = printSubjects();
document.body.addEventListener("click", printTest, {
once: true
})
uj5u.com熱心網友回復：
通過清除innerHTML父級Div將起作用。
document.getElementById("subject").innerHTML = "";
作業演示：
let subjectArray = ['Maths', 'English', 'Science', 'IT'];
let testArray = ['Test 1', 'Test 2', 'Test 3', 'Go Back'];
let subjects = document.getElementById("subject");
function printSubjects() {
for (let i = 0; i < subjectArray.length; i ) {
let sub = document.createElement('button');
let txt = document.createTextNode(subjectArray[i]);
sub.append(txt);
subjects.appendChild(sub);
sub.className = "btn btn-outline-primary mb-2";
}
}
function printTest() {
document.getElementById("subject").innerHTML = "";
for (let i = 0; i < testArray.length; i ) {
let test = document.createElement('button');
let txt = document.createTextNode(testArray[i]);
test.append(txt);
subjects.append(test);
test.className = "btn btn-outline-secondary mb-2";
}
}
window.onload = printSubjects();
document.body.addEventListener("click", printTest, {
once: true
})<div id="subject">
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/429637.html
標籤：javascript html 数组 推特引导