在 div 标签中输出一个 JS 变量

Question

我知道这个问题已经被问过并回答了几次。但我不太了解它们，也不知道如何将它们应用到我的代码中。我有一个带有两个参数的函数

updateTitle = "";
updateDescription = "";

function info(title, description){
    updateTitle = title;
    updateDescription = description;
}

我的目标是使用 div 标签将其输出到我的屏幕上，但我不知道该怎么做。

到目前为止我所拥有的是：

<div id="updateTitle">Title: <title id="updateTitle"</title></div>

<div id="updateDescription"> Description: <description id="updateDescription"</description></div>

但这似乎不起作用。

Answer 1

HTML 中的 ID 是唯一的。您使用了相同的 ID。所以我修改了它。

然后我向 div 添加了一个 onclick 并显示了新的标题和描述。

updateTitle = "";
updateDescription = "";

function info(title, description){
    updateTitle = title;
    updateDescription = description;
    document.getElementById('updateTitle').style.display = "block";
    document.getElementById('updateDescription').style.display = "block";
    document.getElementById('updateTitle1').innerHTML = updateTitle;
    document.getElementById('updateDescription1').innerHTML = updateDescription;
}

<div id="updateTitle" style="display: none">Title: <div id="updateTitle1"></div></div>

<div id="updateDescription" style="display: none"> Description: <div id="updateDescription1"></div></div>

<div id="show" onclick="info('newTitle','newDesc')">show</div>