JS基础01—加载顺序、常用DOM操作命令

一、页面加载顺序

//页面执行顺序：自上而下。
1、css放在head
先家在样式，后加载DOM元素，解决页面首次加载空白问题

2、js放在body尾部
a.解决页面阻塞；b.避免无法获取对象；

二、常用DOM操作命令

//创建 dom 元素
document.createElement("div")
 
//设置属性
tableDom.setAttribute("border", "0")
tableDom.setAttribute("id", "table-data-wrap") 

//innerHTML
tableDom.innerHTML = `<thead>
  <tr>
    <th>头像</th>
    <th>姓名</th>
    <th>性别</th>
  </tr>
</thead > `

//appendChild   插入节点
divDom.appendChild(tableDom)