Как добавить переменную javascript в div?

Question

У меня есть некоторый код, который примерно вдоль линий этого:

exportValue = []; 

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

От того, я понимаю, что exportValue это 73951. Затем я должен добавить, что номер на страницу ... так что я попробовал оба это:

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

Но это не работает .. Я смущен о том, как добавить что-то вроде переменной в DOM ....

Если я что-то вроде:

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

это работает, но я не хочу добавлять строку, я хочу добавить значение переменной. Я посмотрел на это, но я все еще смущен, поэтому любая помощь будет очень признательна!

Answer 1

Посмотрите на 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 

Answer 2

Попробуйте это:

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

Answer 3

.append() контракт ожидает элемент или HTML строки DOM. Вам нужно будет сделать:

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

Answer 4

Следующая добавляет переменную в DIV, который уже имеет информацию:

<div id="exportValueDiv"> 
<p> 
Some information. 
</p> 
</div> 

<script> 
var exportValue = "Hello world."; 
$("#exportValueDiv").append('<p>'+ exportValue +'</p>'); 
</script> 

https://jsfiddle.net/supadave57/f9tqw0d4/