码迷,mamicode.com
首页 > 编程语言 > 详细

javascriptDOM编程艺术_学习笔记_知识点 DOM

时间:2015-03-01 00:10:23      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:

第三章
 
getElementById    返回一个与那个有着给定id属性值的元素节点对应的对象。
document.getElementById(id)
下面一个例子:
1 document.getElementById("purchases")

 

getElementsByTagName  方法返回一个对象数组,每个对象分别对应着文档里有着给定标签的一个元素。
element.getElementsByTagName(tag)
下面一个例子:
1 document.getElementsByTagName("li")
2 alert(document.getElementsByTagName("li").length);

 

getElementsByClassName   HTML5 DOM 新增,让我们能够通过class属性中的类名来访问元素。
getElementsByClassName(class)
下面一个例子:
1 document.getElementsByClassName("sale")

 

getAttribute   是一个函数。它只有一个参数——你打算查询的属性的名字
object.getAttribute(attribute)
下面一个例子:
1 var paras = document.getElementsByTagName("p");
2 for(var i=0;i < paras.length;i++){
3     alert(paras[i].getAttribute("title"));
4 }

 

setAttribute  它允许我们对属性节点的值做出修改。只能用于元素节点
object.setAttribute(attribute,value)
下面一个例子:
1 var shopping = document.getElementById("purchases");
2 shopping.setAttribute("title","a list of goods");

 

第四章
 
childNodes 属性可以用来获取任何一个元素的所有元素,它是一个包含这个元素全部子元素的数组
element.childNodes
下面一个例子:
1 var body_element = document.getElementByTagName("body")[0];
2 body_element.childNodes
3 document.getElementByTagName("body")[0].childNodes

 

nodeType 属性,每一个节点都有nodeType属性。这个属性可以让我们知道自己正在与哪一种节点打交道,
node.nodeType
nodeType 属性总共有12种可取值,但其中仅有3种具有实用价值。
元素节点的nodeType属性值是1。
属性节点的nodeType属性值是2。
文本节点的nodeType属性值是3。
下面一个例子:
1 alert(body_element.nodeType);

 

nodeValue 属性,它用来得到(和设置)一个节点的值。
node.nodeValue
下面一个例子:
1 alert(decription.nodeValue);
2 alert(decription.childNodes[0].nodeValue);

 

firstChild 属性 和 lastChild 属性
firstChild 属性 表示childNodes数组的第一个元素
lastChild 属性 表示childNodes数组的最后一个元素

 

 

javascriptDOM编程艺术_学习笔记_知识点 DOM

标签:

原文地址:http://www.cnblogs.com/mxc-success/p/4306373.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!