document object model 文档流模型

自己设置的特性不是元素原生原生自带的我们修改这个属性是对标签的

api

setArrribute getAttribute

p1.setAttribute('data-name','immoc')
log(p1.getAttribute('data-name'))
//标签就变化啦
<p data-name='immoc'>

style也加上去啦从而变成50px啦所以property和attr都能对style进行修改

可以通过js访问和修改的属性是dom元素原生自带的

p1.style.width p1.className

区别

property是对dom元素的js变量进行修改，不会对标签产生什么影响

attr是直接对dom元素自身html标签进行修改，会在标签属性里面展示

appendchild 当时一个已经存在的节点时候节点会移动

childnodes 包含text节点和p节点因为两个p直接会有空格

1.避免频繁dom操作

2.对dom查询做缓存

3.将频繁操作改成一次性操作

一次性将frag插入而不是一个一个插入li createDocumentFragment 创建临时文档片段