javascript - 如何将javascript变量添加到div?

标签 javascript jquery html dom

我有一些代码大致是这样的:

exportValue = []; 

function reduceArray() {
    //does something 
    exportValue = parseFloat(exportValue)
}

据此,我得到 exportValue 是 73951。然后我必须将该数字添加到页面中...所以我尝试了这两种方法:

$("#exportValueDiv").append(exportValue);
$("#exportValueDiv").append("<li>" + exportValue + "</li>");

但这不起作用..我对如何向 DOM 添加诸如变量之类的东西感到困惑......

如果我这样做:

$( "#exportValueDiv" ).append( "<li>value</li>") 

它有效,但我不想添加字符串,我想添加变量的值。我查了一下,但我仍然很困惑,所以任何帮助将不胜感激!!!

最佳答案

查看jQuery manipulation

$("#exportValueDiv").text(exportValue); //Replaces text of #exportValueDiv
$("#exportValueDiv").html('<span>'+exportValue+'</span>'); //Replaces inner html of #exportValueDiv
$("#exportValueDiv").append('<span>'+exportValue+'</span>'); //Adds to the inner html of #exportValueDiv

关于javascript - 如何将javascript变量添加到div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35470508/

相关文章:

javascript - arrayObject.length = 0 是否清除了为 arrayObject 分配的内存?

javascript - 如何判断一个对象是否是Blob类型?

javascript - jQuery 动画在 anchor 标记或 anchor 标记子项中不起作用

javascript - 如何隐藏基于一系列父元素的 HTML 元素

jquery - 使用附加变量发布 Ajax 数据

jquery - 无法使用 CSS 设置 jQuery 标签的样式

jquery - 删除相同前缀 id 的 div

javascript - 浏览器有时会添加 <tbody>

javascript - 计算平均数为 10

html - CSS Flexbox 样式根据元素数量而变化