JavaScript权威指南笔记

文档DOM表示的树状图

文档节点的部分层次结构

查询文档的一个或多个元素方法：

用指定的id属性；
用指定的name属性；
用指定的标签名字；
用指定的CSS类；
匹配指定的CSS选择器。
随后几节解释每一种元素选取技术。

parentNode
该节点的父节点，或者针对类似Document对象应该是null，因为它没有父节点。
childNodes
只读的类数组对象（NodeList对象），它是该节点的子节点的实时表示。
firstChild、lastChild
该节点的子节点中的第一个和最后一个，如果该节点没有子节点则为null。
nextSibling、previoursSibling
该节点的兄弟节点中的前一个和下一个。具有相同父节点的两个节点为兄弟节点。节点的顺序反映了它们在文档中出现的顺序。这两个属性将节点之间以双向链表的形式连接起来。
nodeType
该节点的类型。9代表Document节点，1代表Element节点，3代表Text节点，8代表Comment节点，11代表DocumentFragment节点。
nodeValue
Text节点或Comment节点的文本内容。
nodeName
元素的标签名，以大写形式表示。
 

创建节点：createElement()、importNode()

插入节点：appendChild()或insertBefore()

appendChild()是在需要插入的Element节点上调用的，它插入指定的节点使其成为那个节点的最后一个子节点。

insertBefore()：第一个参数就是待插入的节点，第二个参数是已存在的节点，新节点将插入该节点的前面

文档和元素的几何形状和滚动：

scrollLeft、scrollTop、clientWidth和clientHeight属性

表单和元素的属性：

type
标识表单元素类型的只读的字符串。针对用＜input＞标签定义的表单元素而言，就是其type属性的值。其他表单元素（如＜textarea＞和＜select＞）定义type属性是为了轻松地标识它们，与＜input＞元素在类型检测时互相区别。表15-1的第二列给出了各个表单元素此属性的值。
form
对包含元素的Form对象的只读引用，或者如果元素没有包含在一个＜form＞元素中则其值为null。
name
只读的字符串，由HTML属性name指定。
value
可读/写的字符串，指定了表单元素包含或代表的“值”。它就是当提交表单时发送到Web服务器的字符串，也是JavaScript程序有时候会感兴趣的内容。针对Text和Textarea元素，该属性值包含了用户输入的文本。针对用＜input＞标签创建的按钮元素（除了用＜button＞标签创建的按钮），该属性值指定了按钮显示的文本。但是，针对单选和复选按钮元素，该属性用户不可见也不能编辑。它仅是用HTML的value属性来设置的一个字符串。它在表单提交时使用，但在关联表单元素的额外数据时也很有用。在本章后面关于不同类目的表单元素小节中将深入讨论value属性。

其他文档特性：

1.Document的属性

cookie
允许JavaScript程序读、写HTTP cookie的特殊的属性。第20章涵盖该属性。
domain
该属性允许当Web页面之间交互时，相同域名下互相信任的Web服务器之间协作放宽同源策略安全限制（见13.6.2节）。
lastModified
包含文档修改时间的字符串。
location
与Window对象的location属性引用同一个Location对象。
referrer
如果有，它表示浏览器导航到当前链接的上一个文档。该属性值和HTTP的Referer头信息的内容相同，只是拼写上有两个r。
title
文档的＜title＞和＜/title＞标签之间的内容。
URL
文档的URL，只读字符串而不是Location对象。该属性值与location.href的初始值相同，只是不包含Location对象的动态变化。例如，如果用户在文档中导向到一个新的片段，location.href会发生变化，但是document.URL则不会。