JavaScript Dom 编程艺术学习笔记之DOM操作

[TOC]

####1.dom方法获取元素和节点

1. getElementById 返回给定id属性值的元素节点对应的对象document.getElementById(id) 例：document.getElementById("purchases")
2. getElementByTagName 返回对象数组，每个对象分别对应文档中给定标签的一个元素。element.getElementByTagName(tag) 例：document.getElementByTagName(“li”)
3. getElementByClassName 通过class属性中的类名访问元素。getElementByClassName(class) 例：document.getElementByClassName(“sale”)
4. getAttribute 它是一个函数。参数为要查询参数的名字。只能通过元素节点调用。object.getAttribute(attribute)

   var paras = document.getElementByTagName("p");
   for (var i = 0; i< paras.length; i++){
      alert(paras[i].getAttribute("title"));
      }

5. setAttribute 对属性节点值做出修改object.setAttribute(attribute,value) ####2.节点属性
6. chileNodes属性 获取任意元素的所有子元素element.childNodes

var body_element.getElementByTagName("body")[0];
body_element.childNodes

2. nodeType属性

• 元素节点的nodeType属性值是1
• 元素节点的nodeType属性值是2
• 元素节点的nodeType属性值是3