我想调用一个在我的HTML代码中创建divs标题和段落的函数,但我不能让HTML出现
这是我的JS功能:
const about = () => {
document.getElementById('about').innerHTML = '<div class="about"><h1>About</h1><div><p> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div></div>';
}
我试过这样做:
<div class = "about-content" id = 'about'>
</div>
它似乎没有工作..我需要在我的代码中的某处调用函数吗?
是的,你需要调用该函数,
当页面加载时你可以这样做..
document.addEventListener('DOMContentLoaded', function() {
about();
}, false);
或者您可以使用setTimeout
window.onload = function() {
setTimeout(() => {
about();
}, 1000);
}
或者你可以在点击事件中拥有它
HTML
<button id="about-select"></button>
JavaScript的
const button = document.querySelector('#about-select');
button.addEventListener('click', () => {
about();
});
或者你可以这样做
<button onclick="about()">Click me</button>
在你的脚本里面添加如下内容:
window.addEventListener('load', function()
{
about();
}
这将在页面加载时调用您的函数。
是的,你需要调用该函数。
您的功能已准备就绪,但尚未调用。
因此,在JavaScript脚本中使用about();
来调用您的函数。