동적으로 생성 <div> - JavaScript , jQuery

1. JavaScript 사용하기

document.addEventListener('DOMContentLoaded', function() {
    var div = document.createElement('div');
    div.id = 'container';
    div.innerHTML = 'Hi there!';
    div.className = 'border pad';
 
    document.body.appendChild(div);
}, false);

2. jQuery 사용하기

$(document).ready(function() {
    $('#outerdiv').append(
        $('<div>').prop({
            id: 'innerdiv',
            innerHTML: 'Hi there!',
            className: 'border pad'
        })
    );
});

$(document).ready(function() {
    $('#outerdiv').append('<div id="innerdiv" class="border pad">Hi there!</div>');
});

$(document).ready(function() {
    $('<div id="innerdiv" class="border pad">Hi there!</div>').appendTo('#outerdiv');
});