第三章
 
getElementById    返回一个与那个有着给定id属性值的元素节点对应的对象。
document.getElementById(id)
下面一个例子:
 document.getElementById("purchases")
getElementsByTagName  方法返回一个对象数组,每个对象分别对应着文档里有着给定标签的一个元素。
element.getElementsByTagName(tag)
下面一个例子:
 document.getElementsByTagName("li")
alert(document.getElementsByTagName("li").length);
getElementsByClassName   HTML5 DOM 新增,让我们能够通过class属性中的类名来访问元素。
getElementsByClassName(class)
下面一个例子:
 document.getElementsByClassName("sale")
getAttribute   是一个函数。它只有一个参数——你打算查询的属性的名字
object.getAttribute(attribute)
下面一个例子:
 var paras = document.getElementsByTagName("p");
for(var i=0;i < paras.length;i++){
alert(paras[i].getAttribute("title"));
}
setAttribute  它允许我们对属性节点的值做出修改。只能用于元素节点
object.setAttribute(attribute,value)
下面一个例子:
 var shopping = document.getElementById("purchases");
shopping.setAttribute("title","a list of goods");
第四章
 
childNodes 属性可以用来获取任何一个元素的所有元素,它是一个包含这个元素全部子元素的数组
element.childNodes
下面一个例子:
 var body_element = document.getElementByTagName("body")[0];
body_element.childNodes
document.getElementByTagName("body")[0].childNodes
nodeType 属性,每一个节点都有nodeType属性。这个属性可以让我们知道自己正在与哪一种节点打交道,
node.nodeType
nodeType 属性总共有12种可取值,但其中仅有3种具有实用价值。
元素节点的nodeType属性值是1。
属性节点的nodeType属性值是2。
文本节点的nodeType属性值是3。
下面一个例子:
 alert(body_element.nodeType);
nodeValue 属性,它用来得到(和设置)一个节点的值。
node.nodeValue
下面一个例子:
 alert(decription.nodeValue);
alert(decription.childNodes[0].nodeValue);
firstChild 属性 和 lastChild 属性
firstChild 属性 表示childNodes数组的第一个元素
lastChild 属性 表示childNodes数组的最后一个元素

javascriptDOM编程艺术_学习笔记_知识点 DOM的更多相关文章

  1. 《JavaScript DOM 编程艺术》 学习笔记

    目录 <JavaScript DOM 编程艺术> 学习笔记 第一章 js简史 第二章 js语法 准备工作 语法 第三章 DOM DOM中的D DOM中的O DOM中的M 第四章 js图片库 ...

  2. javascriptDOM编程艺术_学习笔记_知识点 动态创建标记

    传统技术:document.write 和 innerHTML 深入剖析DOM方法:createElement.createTextNode.appendChild 和 insertBefore   ...

  3. 《Java编程思想》学习笔记_多态

    多态 多态指一个行为产生多种状态,针对父类类型可接收其子类类型,最终执行的状态由具体子类确定,其不同子类可呈现出不同状态.例如人[父类]都会跑步[行为],但小孩[子类]跑步.成年人[子类]跑步.运动员 ...

  4. python编程:从入门到实践--项目1-外星人入侵_学习笔记_源码

    这里有九个.py文件,在工作的间隙,和老板斗智斗勇,终于完成了,实现了游戏的功能,恰逢博客园开通,虽然是对着书上的代码敲了一遍,但是对pygam这个库的了解增加了一些,作为一个python初学者,也作 ...

  5. 《JavaScript DOM编程艺术》学习笔记(一)

    这本书是我听说学习前端基础入门书籍,于是就开始看了,大概是从5月10号开始看的吧,一直看到现在,差不多要看完了,书是挺厚的...286页,不过比起JAVASCRIPT权威指南来说还是差多了,权威指南才 ...

  6. Net基础篇_学习笔记_第十天_方法(函数)

    方法(函数): 函数就是将一堆代码进行重用的一种机制.//解决冗余代码问题------方法出现了.            面向对象的三大特征:封装.继承.多态 函数的语法:[public] stati ...

  7. Net基础篇_学习笔记_第九天_数组_冒泡排序(面试常见题目)

    冒泡排序: 将一个数组中的元素按照从大到小或从小到大的顺序进行排列. for循环的嵌套---专项课题 int[] nums={9,8,7,6,5,4,3,2,1,0}; 0 1 2 3 4 5 6 7 ...

  8. Net基础篇_学习笔记_第九天_数组_三个练习

    练习一: using System; using System.Collections.Generic; using System.Linq; using System.Text; using Sys ...

  9. Net基础篇_学习笔记_第九天_数组

    结构:一次性存储不同类型的变量: 数组:一次性存储相同类型的变量: 数组的语法: 数组类型[ ] 数组名=new 数组类型[数组长度]: int[ ] nums=new int[10]; 数组初值都是 ...

随机推荐

  1. iphone5升级到iOS7时出现“This device isn't eligible for the requested build”错误

    因为工作的需要我需要把自己的手机升级到iOS7,安装苹果的升级顺序总是报This device isn't eligible for the requested build错误,搜索相关的文章我的错误 ...

  2. 前端开发工具—fiddle

  3. jQuery判断滚动条滚到页面底部脚本

    原文地址 http://www.111cn.net/wy/jquery/61741.htm

  4. WebService-06-CXF与Spring集成

    前言 自3月份到一家快递公司之后,就极少有时间来写博客了,进去的第一个周末就加班.做公司的开放平台,协助一个小伙伴写WebService接口,用的就是CXF.正好这个东西曾经使用过.如今快7月了,曾经 ...

  5. 使用my97datepicker控件实现日期范围选择

    注:(2014-12-05内容修改:添加运行效果) 使用my97datepicker 控件,需要对日期的范围进行控制,本人自己写了一个js完成此功能,示例为当前日期到下一周周五之间的日期可选,其他日期 ...

  6. Javascript 原型和原型链

    先来了解一下Javascript中的原型:”原型也是一个对象,原型可以用来实现继承...“ 对于 原型,构造函数,以及实例之间的关系:“每个(构造)函数都有一个原型属性,原型对象都包含一个指向构造函数 ...

  7. WebService:The remote server returned an error: (400) Bad Request

    开发工具:VS2010.开发组件:WebService.运行环境:Windows 今天一个同事在进行计费接口联调试时,发现了一个非常奇怪的问题:接口在家里环境测试,一切正常,但是部署到现网环境之后,连 ...

  8. 【android】两个按钮的宽度各占屏幕的一半

    <LinearLayout> <Button android:layout_height="wrap_content" android:layout_width= ...

  9. 浅谈Spring(三)

    一.基础Spring的标准测试 1.导入spring与junit继承的jar 2.引入注解 @RunWith(SpringJUnit4ClassRunner.class) @ContextConfig ...

  10. LNNVL函数使用

    显示那些佣金比例(commision)不大于20%或者为NULL的员工的信息. CREATE TABLE plch_employees (     employee_id      INTEGER P ...