本文共 634 字，大约阅读时间需要 2 分钟。

获得DOM对象

DOM：文档对象模型，而浏览器就是一个DOM树形结构。

针对DOM的操作，有：

• 更新：更新DOM节点（修改）
• 遍历：得到DOM节点
• 删除：删除一个DOM节点
• 添加：添加一个DOM节点

要操作一个DOM节点，就必须要先获得这个DOM节点。

使用原生代码获取

   
  
    
标题1
  
    
"P1"
  
    
"P2"
   

使用jQuery代码获取

//todo

更新节点

删除节点

删除节点的步骤

• 获取父节点

• 使用.removechild(NodeName)删除

   
  
    
h1
  
    
h2
  
    
h3
   

需要注意的是，删除是一个动态更新的过程，删除children[0]后，最末节点的index变为了1。

插入节点

我们已经获得了某个DOM节点，假设这个节点是空的，那么我们可以通过innerHTML操作增加一个元素，但是如果此DOM节点已经存在元素了，就不能使用该方法了，否则就会出现覆盖。

通常使用追加(appendChild())方式插入节点。

JavaScript
   
  
    
JavaSE
  
    
JavaEE
  
    
JavaME
   

通过appendChild()后的效果：

通过创建新节点后插入的方式：

   
  
    
JavaSE
  
    
JavaEE
  
    
JavaME
   

效果：

在新建完节点后，一定要记得将节点用appendChild()引入到父节点中。

转载地址：http://jjugf.baihongyu.com/