JavaScript DOM 基础

1. 获取元素

3种方法 : 分别是通过ID，标签名字和类名字

1) getElementById( "id")    // 返回一个 object 类型( 文档的每一个元素都是对象) , 参数是元素 id

2) getElementsByTagName("li")      // 返回一个对象数组, ( 因为getElementById 其中的参数 id 具有唯一性, 而 getElementByName可能返回很多对象, 所以要使用数组, 参数是元素名字, 例如示例中的 li , 这个书分组标签中的元素名 )

3) getElementsByClassName("class")    // 也是返回一个对象数组,

2. DOM 节点

1份文档就是一棵节点树。

节点分为不同的类型：元素节点，属性节点和文本节点等

每个节点都是一个对象。

3. 获取属性和方法

getAttribute( attribute ) , 获取属性和方法

var paras = document.getElementsByTagName("p") ;

for (var i=0 ; i<paras.length; i++){

    alert( paras[i].getAttribute("title")) ;         // 获取title属性

}

setAttribute(attribute, value) 设置属性和方法

var shopping = document.getElementById("purchases") ;

shopping.setAttribute("title", "this is a new title") ;

childNode ( 包含所有的节点, 不仅仅是 元素节点, 包括注释啊什么的, 所以有nodeType属性, 比较好, node.nodeType )

node.node Type 返回节点类型, 元素节点 1 , 属性节点 2, 文本节点 3

nodeValue 返回文本节点的值, 但是要注意就是要先将指针指向文本节点 description( 是元素p的对象).childNode[0]( 第一个子节点,即文本节点).nodeValue , 所以, 综上

description.chilNode[0].nodeValue 才是实际文本内容.

node.firstChld == node.childNode[ 0 ]   ,    node.lastChild == node.childNode[ node.childNodes.length - 1 ]