如何实现js动态添加div，和div样式

Question

如题所述

Answer 1

<script src="js/jquery.js"></script>
<script>
function s(d){
    var div = $('<div class="' + d + '"></div>');
    $(document.body).append(div);
}
</script>
<style>
.cssName1 { padding: 20px; margin: 10px; border: 1px solid red; }
.cssName2 { padding: 20px; margin: 10px; border: 1px solid black; }
</style>
<input type="text" name="d" value="cssName1" />
<input type="button" value="x" onclick="s($('input[name=d]').val());">

本回答被网友采纳