Append elements and replace elementes in JavaScript

1. To append an element, suppose we have div with id="result"
<div id="result"></div>
We want to append all summary from  resp.items array, first we create a  list element
document.createElement('li'); then we append to this text and append to result id:
<script type="text/javascript">
  for (var i = 0; i < resp.items.length; i++) {
var li = document.createElement('li');
li.appendChild(document.createTextNode(resp.items[i].summary));
document.getElementById('result').appendChild(li);
 }
</script>
2.  To replace an element, suppose we have div with id="result1"
    <div id="result1">test</div>
 We use $('#result1').html(output1); to replace existing text.
<script type="text/javascript"> 
var output1="new output";
 $('#result1').html(output1);
</script>