清华社课件JavaScript交互式Web前端开发3.4 DOM元素操作.pptx

DOM元素操作

主讲：课程组

CONTENTS

01

DOM元素新增操作

02

DOM元素删除操作

03

DOM元素修改操作

DOM元素新增操作

01

元素节点创建

通过document.createElement()方法可以创建新元素节点，此时节点尚未与文档树建立关联。

document.createElement()方法

创建出的节点是游离态的，需要后续操作将其加入到文档树中。

节点实例化

子节点追加

创建好的元素节点通过此方法添加到文档树中。

追加到父节点末端

通过Node.appendChild()方法可以将子节点追加到父节点的末端。

Node.appendChild()方法

定位插入