web前端开发第二阶段——创建数据、克隆元素、位置

一、创建数据

回顾：创建元素：
var a=documen.createElement(‘元素’)
a.innerHTML=‘sdfedfr’;
父级.appendChild(a)

insertBefore():往某个元素之前插入标签
参数一：你要插入的新标签
参数二：那个元素的前面
用法：父级.insertBefore()

二、克隆元素

cloneNode(参数)
用法：目标.cloneNode()
参数：布尔值
true:全部复制
false:默认，不克隆内容，只克隆当前元素
ps：不能克隆事件

三、替换

父级.replaceChild(参数一，参数二)：将一个元素替换成另一个元素
参数一：你要插入的新标签
参数二：你要替换的旧标签（被替换后会消失）

四、位置

一个元素到另一个元素的位置（拥有包含关系，父子级关系）
offsetLeft:元素到定位父级的左边的距离
例如，某个元素.offsetLeft
offsetTop:元素到定位父级的top的距离