// 所有内容都附加到这个div中。
const content = document.createElement('div');
content.setAttribute('id', 'content');
function component(focus) {
    content.appendChild(nav());
    content.appendChild(tabs());
    content.appendChild(pageLoad(focus));
    return content;
}
document.body.appendChild(component("home"));
let cont = document.getElementById('main-section');
document.getElementById('tab1').addEventListener('click', (e) => {
    content.removeChild(cont);
    content.appendChild(pageLoad("home"));
});
document.getElementById('tab2').addEventListener('click', (e) => {
    content.removeChild(cont);
    content.appendChild(pageLoad("about"));
});

import home from "./pages/home";
import about from "./pages/about";
export default function pageLoad(focus) {
    const content = document.createElement('section');
    content.setAttribute('class', 'main');
    content.setAttribute('id', 'main-section');
    if (focus == "home") {
        content.appendChild(home());
    } else if (focus == "about") {
        content.appendChild(about());
    }
    return content;
};

document.getElementById('tab1').addEventListener('click', () => {
    //select the element every time since it is dynamically re-created on click
    let cont = document.getElementById('main-section');
    content.removeChild(cont);
    content.appendChild(pageLoad("home"));
});
document.getElementById('tab2').addEventListener('click', () => {
    let cont = document.getElementById('main-section');
    content.removeChild(cont);
    content.appendChild(pageLoad("menu"));
});
```"
<details>
<summary>英文:</summary>
Found a solution to this. Simply move the **cont** variable inside the event listeners so that it is initialized every time the button is clicked. This allows the **main-section** element to be re-selected each time even though it has been dynamically created.
index.js

//select the element every time since it is dynamically re-created on click
let cont = document.getElementById('main-section');
content.removeChild(cont);
content.appendChild(pageLoad("home"));

let cont = document.getElementById('main-section');
content.removeChild(cont);
content.appendChild(pageLoad("menu"));

</details>