第十五章 脚本化文档

1、文档对象模型DOM是表示和操作HTML和XML文档内容的基础API。

2、Document、Element、Text是Node的子类。

3、查询文档的一个或多个元素有如下方法:用指定的id属性、用指定的name属性、用指定的标签名字、用指定的css类、匹配指定的css选择器。

4、HTML的name属性最初打算为表单元素分配名字,在表单数据提交到服务器时使用该属性的值。

5、name属性只在少数HTML元素中有效,包括表单、表单元素、iframe和img元素。

6、getElementsByName()只针对HTML文档可用,返回一个NodeList对象。行为类似包含若干个Element对象的只读数组。

7、为form、img、iframe、applet、embed、object元素设置name属性,即在Document对象中创建以此name属性值为名字的属性。

8、如果给定的名字只有一个元素,自动创建的文档属性对应的该值是元素本身,如果有多个元素,该文档属性的值是一个NodeList对象,它表现为一个包含这些元素的数组。为若干命名iframe元素所创建的文档属性比较特殊:它们指代这些框架的Window对象而不是Element对象。

9、HTMLDocument类定义一些快捷属性来访问各种各样的节点,比如images、forms、links指向img、form、a(带有href属性的)。HTMLCollection对象。

10、Document类的documentElement属性指代文档的根元素。在HTML文档中,它总是指代html元素。

11、Document方法querySelectorAll(),接受包含一个CSS选择器的字符串参数,返回一个表示文档中匹配选择器的所有元素的NodeList对象。这个NodeList对象不是实时的。

12、querySelector()返回第一个匹配的元素。

13、Node的属性nodeType表示该节点的类型。9代表Document节点,1代表Element节点,3代表Text节点,8代表Comment节点,11代表DocumentFragment节点。

14、Element对象的children属性,类似ChildNodes,也是一个NodeList对象,但不同的是children列表只包含Element对象。

15、Text和Comment节点没有children属性,意味着Node.parentNode属性不能返回Text或Comment节点。

16、任何HTML元素的style属性值是CSSStyleDeclaration对象,而不是字符串。

17、Element类型还定义了getAttribute()和setAttribute()方法来查询和设置非标准的HTML属性。hasAttribute()和removeAttribute()它们用来检测命名属性是否存在和完全删除属性。

18、HTML5文档中,任意以data-为前缀的小写的属性名字都是合法的。HTML5还在Element对象上定义了dataset属性,指代一个对象,它的各个属性对应于去掉前缀的data-属性。

19、dataset属性是data-属性的实时、双向接口。设置或删除dataset的一个属性就等于移除对应元素的data-属性。

20、对于Element对象,attributes属性是只读的类数组对象,他代表元素的所有属性,类似NodeList。

js-权威指南学习笔记15的更多相关文章

  1. js权威指南---学习笔记02

    1.JS只有函数作用域,没有块级作用域这个概念: 它有一个特性——声明提前:在同一个函数中不同位置声明的变量,都被提前在函数开始的时候,执行声明操作:在原先位置执行赋值操作: 2.声明的全局变量,相当 ...

  2. js权威指南学习笔记(四)对象

    1.创建对象 (1).通过对象直接量的方式创建 说明:对象直接量是由若干名/值对组成的映射表,名/值对中间用冒号分隔,名/值对之间用逗号分隔,整个映射表用花括号括起来. 如:       5 5   ...

  3. js权威指南学习笔记(三)语句

    1.声明语句 如果用var声明的变量没有初始化,那么这个变量的值会被初始化为undefined. 函数声明语句的语法如下:       4 4           1 console.log(func ...

  4. js权威指南学习笔记(二)表达式与运算符

    1.数组初始化表达式 数组直接量中的列表逗号之间的元素可以省略,这时省略的空位会填充undefined.如:       2 2           1 var arr = [1,,,,,6]; 2 ...

  5. js权威指南学习笔记(一)类型、值和变量

    1.数据类型:原始类型(primitive type) 和对象类型(object type) 原始类型包括数字.字符串和布尔值: 除数字.字符串.布尔值.null(空).undefined(未定义), ...

  6. js权威指南---学习笔记01

    1.当函数赋值给对象的属性时,就变为了方法:2.被零整除不报错,只会返回无穷大(Infinity)或者负无穷大.例外:零除以零等于非数字(NaN).3.NaN与任何值都不相等! 4.Javascrip ...

  7. JavaScript 权威指南-学习笔记(一)

    本文所有教程及源码.软件仅为技术研究.不涉及计算机信息系统功能的删除.修改.增加.干扰,更不会影响计算机信息系统的正常运行.不得将代码用于非法用途,如侵立删! ## JavaScript 权威指南-学 ...

  8. 《JS权威指南学习总结》

    JS权威指南学习总结:http://www.cnblogs.com/ahthw/category/652668.html

  9. 《JS权威指南学习总结--开始简介》

    本书共分成了四大部分: 1.JS语言核心 2.客户端JS 3.JS核心参考 4.客户端JS核心参考 其中 <JS权威指南学习总结--1.1语法核心> 是:第一部分JS语言核心 各章节重点 ...

  10. HTTP权威指南-学习笔记

    目录 HTTP权威指南-学习笔记 HTTP: Web的基础 URL与资源 HTTP报文 连接管理 HTTP结构 Web服务器 代理 缓存 集成点: 网关,隧道及中继 Web机器人 识别,认证与安全 客 ...

随机推荐

  1. servlet转发与重定向区别

    servlet转发与重定向   HttpServletRequest: 表示浏览器向服务器发送的请求报文,由Tomcat创建然后作为参数传递给我们doget,dopost方法. 功能:getParam ...

  2. day 41 数据库初学习

    前情提要: 数据库初识别 一:数据库的介绍 https://github.com/Endless-Clould/homework/blob/master/student_system.sql 数据再这 ...

  3. iOS自动布局框架-Masonry详解

    首先,在正式使用Masonry之前,我们先来看看在xib中我们是如何使用AutoLayout     从图中我们可以看出,只要设置相应得局限,控制好父视图与子视图之间的关系就应该很ok的拖出你需要的需 ...

  4. Win7下无法提交MapReduce Job到集群环境(转)

    一. 对hadoop eclipse plugin认识不足 http://zy19982004.iteye.com/blog/2024467曾经说到我最hadoop eclipse plugin作用的 ...

  5. Android Studio SVN的使用

    一 SVN的配置 这篇文章使用的Android studio版本为1.4 RC3. 我选择的是TortoiseSVN,版本为1.8,不要选择1.9版本(目前的最新版),因为如果你安装的是1.9版本当你 ...

  6. 关于文档头部定义和meta元素

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  7. springboot-12-自定义拦截器的配置interceptor

    springmvc中拦截器的概念已经被弱化了, springboot中使用的也不甚广泛, 通常在用户登录等方面仍有用处 创建拦截器步骤: , 创建拦截器类继承HandlerInterceptor , ...

  8. 配置alibaba的yum 源

    1, 进入yum源目录 cd /etc/yum.repos.d 2, 备份系统yum配置文件 sudo mv CentOS-Base.repo CentOS-Base.repo.bak 3, 下载al ...

  9. Linux-(top,free)

    top命令 1.命令格式: top [参数] 2.命令功能: 显示当前系统正在执行的进程的相关信息,包括进程ID.内存占用率.CPU占用率等. top命令是Linux下常用的性能分析工具,能够实时显示 ...

  10. jqGrid随窗口大小变化自适应大小-转

    第一种: jqGrid随窗口大小变化自适应宽度 $(function(){ $(window).resize(function(){ $("#listId").setGridWid ...