js

1.getElementByID方法
        它是document对象特有的函数。该方法返回一个与那个有着给定id属性值的元素节点对应的对象。

 2.getElementsByTagName方法
        可返回一个对象数组，每个对象分别对应着文档里有着给定标签的一个元素。
        该方法也只有一个参数，该参数是标签的名字。

  3.getElementsByClassName方法
        HTML5 DOM中新增的一个方法。这个方法让我们能通过class属性中的类名来访问元素。

  4.getElementsByName方法
        getElementsByName() 方法可返回带有指定名称的对象的集合
        该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。

        另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。

 

1. 创建一个元素节点:
    1). createElement_x(): 按照给定的标签名创建一个新的元素节点. 方法只有一个参数：被创建的元素节点的名字, 是一个字符串.  
    方法的返回值：是一个指向新建节点的引用指针. 返回值是一个元素节点, 所以它的 nodeType 属性值等于 1.
    新元素节点不会自动添加到文档里, 它只是一个存在于 JavaScript 上下文的对象.
                        
2. 创建一个文本节点:
    1). createTextNode(): 创建一个包含着给定文本的新文本节点. 这个方法的返回值是一个指向新建文本节点引用指针.
    它是一个文本节点, 所以它的 nodeType 属性等于 3.
     方法只有一个参数：新建文本节点所包含的文本字符串. 新元素节点不会自动添加到文档里
                            
3. 为元素节点添加子节点:
    1). appendChild(): var reference = element.appendChild(newChild):
    给定子节点 newChild 将成为给定元素节点 element 的最后一个子节点.
                          方法的返回值是一个指向新增子节点的引用指针.           
                          
4. 插入节点:
    1). insertBefore(): 把一个给定节点插入到一个给定元素节点的给定子节点的前面
              var reference =  element.insertBefore(newNode,targetNode);
         节点 newNode 将被插入到元素节点 element 中并出现在节点 targetNode 的前面. 节点 targetNode 必须是
         element 元素的一个子节点。     
   
5 删除节点:
    从一个给定元素里删除一个子节点
格式：var reference = element.removeChild(node);
返回值：返回值是一个指向已被删除的子节点的引用指针。
注意：某个节点被 removeChild() 方法删除时，这个节点所包含的所有子节点将同时被删除。