动态创建dom元素、获取dom元素的属性及遍历dom元素的方法

用于处理XML文档的DOM元素属性
 
childNodes  返回当前元素的所有子元素的数组
    
firstChild    返回当前元素的第一个下级子元素
 
lastChild    返回当前元素的最后一个下级子元素
 
nextSibling    返回紧跟当前元素后面的元素
 
nodeValue    指定表示元素值的读/写属性
 
parentNode    返回元素的父节点
 
previousSibling    返回紧跟当前元素之前的元素
 
 
用于遍历XML文档的DOM元素方法
 
getElementById(id)    获取在指定唯一id属性值文档中的元素
 
getElementsByTagName(name)    返回当前元素中有指定标记名的子元素数组
  
hasChildNodes() 返回一个Boolean，指示元素是否有子元素
 
getAttribute(name)    返回元素的属性值，属性由name制定
 
 
动态创建内容是所用的DOM属性和方法
 
document.createElement(tagName)    文档对象上的createElement方法可以创建由tagName制定的元素。如果以串div作为方法参数，就会生成一个div元素    
 
document.createTextNode(text)    文档对象的createTextNode方法会创建一个包含静态文本的节点
 
<element>.appendChild(childNode)    appendChild方法将指定的节点增加到当前元素的子节点列表。例如可以增加一个option元素，作为select元素的子节点
 
<element>.getAttribute(name)    获取元素中的name属性的值
 
 <element>.setAttribute(name, value)    设置元素的name属性值
 
<element>.insertBefore(newNode,targetNode)    将节点newNode作为当前元素的子节点传达到targetNode元素前面
 
<element>.removeAttribute(name)    从元素中删除属性name
 
<element>.removeChild(childNode) 移除子元素
 
<element>.replaceChild(newNode,oldNOde) 替换子元素
 
<element>.hasChildNodes() 是否有子元素