作为一名爱好程序开发的人,前端必须得学啊,以备随时能开发点儿小东西出来
<script type="text/javascript">
var body = document.querySelector('body');
//类似于android中的findviewbyid,
//也就是说针对布局类文件,面向文件的首要功能是解析标签
//同时要可以对布局进行静态和动态的设置
//dom中操作的主题是document,类似于一个全局变量,而android中是某个父类
document.addEventListener('click',function(){
//创建2个div元素
var rightdiv = document.createElement('div')
var rightaaron = document.createElement("div");
//相比android中,document是一个全局的操作对象,而android对view的操作面向的对象更丰富点儿
//给2个div设置不同的属性
rightdiv.setAttribute('class', 'right')
rightaaron.className = 'aaron'
rightaaron.innerHTML = "动态创建DIV元素节点";
//2个div合并成包含关系
rightdiv.appendChild(rightaaron)
//类似于addView函数
//绘制到页面body
body.appendChild(rightdiv)
},false)
</script>
<script type="text/javascript">
//$获取与创建两层意思
//获取节点
var $body = $('body');
$body.on('click', function() {
//通过jQuery生成div元素节点
//创建节点
var div = $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>")
$body.append