1、新建一个html文件。
2、在html页面上创建一个点击的button按钮。
3、为button添加点击时创建一个新的div事件。使用document.createElement("div")创建一个新的div，然后使用innerHTML对新建的div设置内容，最后把div放到<body>显示。
4、为button按钮添加点击是创建新div事件。
5、保存好html文件后使用浏览器打开，点击button按钮会执行已经写好的创建div的事件。
js获取DIV的位置坐标的方法大概有两种：
第一种：编辑代码：var odiv=document.getElementById('divid')
alert(odiv.getBoundingClientRect().left)
alert(odiv.getBoundingClientRect().top)
第二种：编辑代码function CPos(x, y) {this.x = x this.y = y} /*** 得到对象的相对浏览器的坐标*/ function GetObjPos(ATarget {var target = ATargetvar pos = new CPos(target.offsetLeft, target.offsetTop)var target =target.offsetParentwhile (target pos.x += target.offsetLeft pos.y += target.offsetTop target = target.offsetParent }return pos }var obj = document.getElementById('divid') alert(GetObjPos(obj)['x'])//x坐标alert(GetObjPos(obj)['y'])//y坐标
SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN
