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

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

@(JavaScript)

---

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"));
      }

1. setAttribute
   对属性节点值做出修改object.setAttribute(attribute,value)

2.节点属性

1. chileNodes属性
   获取任意元素的所有子元素element.childNodes

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

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