从Javascript函数创建div(innerHTML)

问题描述 投票:0回答:3

我想调用一个在我的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>

它似乎没有工作..我需要在我的代码中的某处调用函数吗?

javascript innerhtml
3个回答
2
投票

是的,你需要调用该函数,

当页面加载时你可以这样做..

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>

1
投票

在你的脚本里面添加如下内容:

window.addEventListener('load', function()
{
    about();
}

这将在页面加载时调用您的函数。


-1
投票

是的,你需要调用该函数。

您的功能已准备就绪,但尚未调用。

因此,在JavaScript脚本中使用about();来调用您的函数。

© www.soinside.com 2019 - 2024. All rights reserved.