JAVASCRIPT DOM编程艺术读书笔记

第三章 DOM

DOM : D是doucument文档   O是对象Object (用户定义对象,内建对象,宿主对象)  M模型Model

-->提一下:windows对象对于浏览器窗口本身,这个对象的属性和方法称之为BOM,提供了window.open window.blur等方法。

三种重要的节点:

  • 元素节点:可包含其它类型的节点
  • 文本节点:内容
  • 属性节点:对元素做具体的描述,所有的属性都被元素包含

获取元素的3种方法:元素ID,标签名字,以及类名字

  • getElementById(),id值必须放在单引号或者双引号中;  document.getElementById("id"); 返回的是一个对象,可以用alert(typeof document.getElementById("id"));来验证
  • typeof:操作数是一个字符串,数值,函数,布尔值还是对象。
  • getElementsByTagName():返回一个对象数组,标签放在单引号或者双引号中
  • 通配符必须放在“”里,为“”防止与乘号混淆
  • 运用通配符可以快速的得出有多少个子元素
  • 可以混合使用getElementById()与getElementsByTagName()得到某个具体id元素下的元素数组,每个值都是一个对象。
  • -->var shopping  = document.getElementById("purchase");    var items = shopping.getElementsByTagName("*");  alert(items.length);
  • getElementsByClassName():是HTML5 DOM新增的一个方法,通过属性中的类名来访问元素:返回值与getElementsByTagName()类似
  • 要指定多个类名,只需要在字符串参数中用空格分隔类名,其顺序不重要;  比如document.getElementsByClassName("purchases sale").length
  • 每个节点都是一个对象,有自己的属性和方法;

在说明如何获得节点以后,本章又讨论了获取和设置属性的方法,如下:

  • getAttribute():该方法只能通过元素节点对象调用;
  • setAttribute():该方法允许我们对属性节点的值做出修改

#读书笔记##笔记#
全部评论

相关推荐

评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务