JS节点操作

一、六种JS插入节点的方式

innerHTML、outerHTML、appendChild、insertBefore、insertAdjacentHTML、applyElement

今天介绍一下appendChild。

1.什么是节点

　　HTML文档中的所有内容都是节点：

　　1.整个文档时一个文档节点。

　　2.每个HTML元素是元素节点。

　　3.HTML元素内的文本是文本节点。

　　4.每个HTML属性是属性节点。

　　5.每个注释是注释节点。

 下面做一个表格，只在html里写表头，数据由js导入，并能够在单元格内编辑，删除行，添加行

<!--建立表格-->
<table>
    <tr>
        <th>年级</th>
        <th>性别</th>
        <th>姓名</th>
        <th>操作</th>
    </tr>
</table>
<button onClick="tj()">添加一行</button>

节点操作