前端讲义31_ javascript访问HTML DOM常用方法

HTML文档中的所有内容都是节点，整个文档是一个文档节点。
每个元素是元素节点，元素内的文本是文本节点， 元素的属性是属性节点
举例
 

  
    
    
  
  
    
前端讲义

    
第29讲:Javascript验证有效Email
    
第30讲:javascript转换JSON数据为对象
    
第31讲:访问HTMLDOM接口

    

    
第01讲:了解URL/p>
    
第02讲:web应用设计新思考
    

  
  

 节点没有父节点；它是根节点
节点和 节点 的父节点是 节点
 前端讲义 是文本节点 ，它的父节点是

节点
getElementById() 方法返回带有指定 ID 的元素
 

获取元素内容的最简单方法是使用 innerHTML 属性

 

一些 DOM 对象常用方法
getElementById() 返回带有指定 ID 的元素。 
getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。 
getElementsByClassName() 返回包含带有指定类名的所有元素的节点列表。 
appendChild() 把新的子节点添加到指定节点。 
removeChild() 删除子节点。 
replaceChild() 替换子节点。 
insertBefore() 在指定的子节点前面插入新的子节点。 
createAttribute() 创建属性节点。 
createElement() 创建元素节点。 
createTextNode() 创建文本节点。 
getAttribute() 返回指定的属性值。 
setAttribute() 把指定属性设置或修改为指定的值。