在div标签中输出JS变量

时间:2019-06-24 13:27:15

标签: javascript html tags output

我知道这个问题已经问过几次了。但是我不太了解它们,或者不知道如何将它们应用于我的代码。我有一个带有两个参数的函数

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>

但这似乎不起作用。

1 个答案:

答案 0 :(得分:0)

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>